ランディングページへのルーティング

Question

私はPolymerを使用しており、アプリケーションルータの設定を取得しようとしています。私は、ユーザーにリンク先ページを誘導するためのアプリを取得できません。

私は他のすべての作品を個別にテストしていますので、私のページがレンダリングされることを知っています。

<dom-module id="app-body"> 
    <template> 
     <app-location route="{{route}}" use-hash-as-path></app-location> 
     <app-route route="{{route}}" pattern="/:page" data="{{data}}"></app-route> 

     <iron-pages id="content-pages" selected="{{data.page}}" attr-for-selected="name"> 
      <landing-page name="landing"></landing-page> 
      <lobby-page name="lobby"></lobby-page> 
     </iron-pages> 

</template> 

    <script> 
     window.addEventListener('WebComponentsReady', function() { 
      Polymer({ 
       is: 'app-body', 
       properties: { 
        data: { 
         type: Object, 
         value: function() { 
           return { 
           page: '/landing' 
           }; 
          notify: true 
         } 
        } 
       }, 

       observers: [ 
        '_onRoutePathChanged(route.path)' 
       ], 

       _onRoutePathChanged: function(path) { 
        // If we do not have an initial URL, we redirect to /landing 
        if (!path) { 
        this.set('route.path', '/landing/'); 
        } 
       } 
      }); 
     }); 
    </script> 
</dom-module> 

Answer 1

第1に、プロパティの転送を下位にするためには、私には同じ誤解があるようです。そうではありません。要素からそれを使用する親要素にエクスポートするためには、trueに通知する必要があります。あなたの場合、それは必要ではありません。

は、要素の初期化中にrouteDataが{page: '/landing'}に設定されることがあります。その時点でrouteはactiveではないので、routeDataはroute.pathにマップされず、app-locationからURLにフィードバックされます。最終的に戻ってマップすると、routeDataに変更はありません。したがって、オブザーバーは、変更されたことを伝えるために発砲しません。