방문 페이지로 연결

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

처음에는 내가 아는 것과 동일한 오해가있는 것처럼 보입니다. 아래쪽으로 속성 전송을하려면 알림이 필요합니다. 그렇다고해서 요소에서 요소를 사용하는 부모 요소로 내보낼 때만 true로 알릴 필요가 있습니다. 귀하의 경우에는 필요하지 않습니다.

이 발생하는 것은 요소 초기화 중에 routeData가 {page: '/landing'}으로 설정된다는 것입니다. 이 시점에서 route은 active이 아니므로 routeData은 route.path에 다시 매핑되지 않고 app-location을 통해 URL로 피드백됩니다. 결국 다시 돌아 오면 routeData으로 변경되지 않으므로 관찰자가 변경되지 않았다는 것을 알려주지 않습니다.