聚合物嵌套的應用程序路線沒有正確映射

我一直在掙扎至少2個小時試圖獲得一些基本路線的權利。我正在使用Polymer 1.5.0，並且遇到了使用嵌套路由的問題。聚合物嵌套的應用程序路線沒有正確映射

我使用的應用程序，路線0.9.2

由於this post suggests，聚合物使用路由分散處理辦法。因此，我決定做到以下幾點：

<app-route route="{{route}}" 
     pattern="/:page" 
     data="{{data}}" 
     tail="{{tail}}"> 
</app-route> 

    <iron-pages selected="{{data.page}}" attr-for-selected="title" fallback-selection="404"> 
     <pgarena-home-app title="" route="{{tail}}" ></pgarena-home-app> 
     <pgarena-tournament-app title="tournament" route="{{tail}}"></pgarena-tournament-app> 
     <pgarena-account-app title="account" route="{{tail}}"></pgarena-account-app> 
     <div title="404"> 
      <h1>{{data.page}} could not be found!</h1> 
     </div> 
    </iron-pages>

子頁面：

pgarena賬戶，應用程序

<iron-pages selected="{{data.action}}" attr-for-selected="title" fallback-selection="404"> 
      <pgarena-account-index-view title=""></pgarena-account-index-view> 
      <pgarena-account-login-view title="login"></pgarena-account-login-view> 
      <pgarena-account-register-view title="register"></pgarena-account-register-view> 
      <div title="404"> 
       <h1>Not found :(</h1> 
      </div> 
     </iron-pages>

pgarena巡迴賽 - 應用

似乎一切都OK ，對？根據URL我在這裏做的是利用元素的惰性加載。

我在Polycasts examples看到他們使用「隱藏」的方法。他們選擇元素。問題是我們失去了「延遲加載優勢」。

我一直在敲我的腦袋一段時間......有什麼可能是錯的？

來源

2016-07-27 Jose A

OMG！我完全忘了。 In Polycasts #46/47羅布·多德森使得高度重視，使用鐵選擇的時候，我們應該通過單向綁定這與方括號[]對大括號{}

因此，在在一天結束的時候它本來應該：

<iron-pages selected="[[data.action]]"

相反的：

<iron-pages selected="{{data.action}}"

來源

2016-07-27 20:34:43

聚合物嵌套的應用程序路線沒有正確映射

回答

相關問題