将新页面添加到Polymer Starter Kit

时间:2017-09-22 14:34:39

标签: polymer polymer-starter-kit

如何向涵盖整个屏幕的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-header布局中。然而,我想添加一个涵盖整个网站的新元素,并且&#34;爆发&#34; app-header-layout中的铁页沙箱。

同时app-route元素仍然可以工作,以便可以通过/ view4链接导航到新路径。这可以通过app-route和PSK实现吗?

1 个答案:

答案 0 :(得分:1)

当然有可能,这就是为什么他们举出这个例子。我不确定你的问题究竟在哪里,因为你没有发布任何自己的代码,这看起来像初学者工具包提供的内容,但你可以尝试按照Polycasts系列中关于Polymer CLI的那一集,以及你会看到你正在尝试做的事情:https://www.youtube.com/watch?v=pj2lmXVa84U