0

我正在.net core mvc 应用程序中实现聚合物的 app-route 元素。

文件夹结构为:

-项目

  --wwwroot folder  
    ---bower_components  
    ---Components  
       ----page1 folder  
            -page1.html  
       ----page2 folder  
            -page2.html  
       ----scaffold folder
            -src
              -header.html
            -scaffold.html  

我在聚合物的 app-layout 元素的帮助下实现了脚手架。我使用 Iron-selector 在标题部分显示了选项卡,单击该选项卡时会将用户重定向到所选选项卡的相应页面。我还使用了引用组件的铁页。所有这些代码都在 header.html 文件中。

我正面临应用程序路由部分的问题/困惑。我应该在模式属性中给出什么路径。

下面是我的代码:

   <app-location route="{{route}}"></app-location>
    <app-route route="{{route}}"
               pattern="/Components/:page"
               data="{{routeData}}"
               tail="{{subroute}}"></app-route>


    <iron-selector selected="[[page]]" attr-for-selected="data-page">
        <a data-page="rewards" href="/rewards">TLG REWARDS</a>
        <a data-page="earnpoints" href="/earnpoints">EARN POINTS</a>
        <a data-page="redeempoints" href="/redeempoints">REDEEM POINTS</a>
    </iron-selector>

    <iron-pages selected="[[page]]" attr-for-selected="name" 
       fallback-selection="view404" role="main">
        <pointbank-rewards name="rewards"></pointbank-rewards>
        <pointbank-earnpoints name="earnpoints"></pointbank-earnpoints>
        <pointbank-redeempoints name="redeempoints">
        </pointbank-redeempoints>
    </iron-pages>

请帮忙!!!

问候里齐

4

0 回答 0