2017-09-22 15 views
0

Polymer Starter Kit에 새 페이지 (예 : <my-view4>)를 추가하면 전체 화면을 덮고 기본보기와 다른 헤더를 가질 수 있습니까?폴리머 스타터 키트에 새 페이지 추가

 <app-location route="{{route}}" url-space-regex="^[[rootPath]]">            
     </app-location> 
     <app-route 
     route="{{route}}" 
     pattern="[[rootPath]]:page" 
     data="{{routeData}}" 
     tail="{{subroute}}"></app-route>        
     <iron-pages 
     selected="[[page]]" 
     attr-for-selected="name" 
     fallback-selection="view404" 
     role="main"> 
     <my-view1 name="view1"></my-view1> 
     <my-view2 name="view2"></my-view2> 
     <my-view3 name="view3"></my-view3> 
     <my-view404 name="view404"></my-view404> 
    </iron-pages> 

기본 철 페이지 선택은 응용 프로그램 헤더 레이아웃 요소에 포함되며, 모든 새로운 요소 (또는 뷰) 응용 프로그램 헤더 레이아웃 내부에 표시됩니다. 그러나 전체 사이트를 다루는 새로운 요소를 추가하고 app-header-layout 내부에 철 페이지 샌드 박스를 "나옵니다".

동시에 app-route 요소가 작동하여/view4 링크를 통해 새 경로를 탐색 할 수 있어야합니다. app-route와 PSK로 가능합니까?

답변

1

물론 가능하기 때문에 그 예를 들려줍니다. 나는 여러분의 코드를 게시하지 않았기 때문에 여러분의 문제가 정확히 어디인지는 모르겠다. 이것은 스타터 키트에서 제공하는 것과 같지만 Polymer CLI를 다루는 Polycasts 시리즈의 에피소드를 따라 할 수있다. https://www.youtube.com/watch?v=pj2lmXVa84U

+0

현재 해결하려고하는 문제는 언급 한 비디오의 모든 새로운 '보기'추가 기능이 응용 프로그램 서랍 레이아웃 내부에서 렌더링된다는 점입니다. 그러나 app-drawer-layout 구성 요소 내에서 렌더링되지 않는 자체 app-header가있는 새로운 뷰를 추가하고 싶습니다. 이것이 Polymer Starter Kit에서 가능합니까? – stefanmuke