2014-12-16 5 views
3

부모에게 전파되지 않는 하위 요소의 값을 업데이트하는 데 문제가 있습니다.폴리머 양방향 데이터 바인딩이 작동하지 않습니다.

그래서 두 개의 폴리머 요소가 있습니다. 내 부모와 내 아이는

<polymer-element name="my-parent"> 
    <template> 
     <p>PARENT, Foo is: {{foo}}</p> 
     <my-child bar="{{foo}}"></my-child> 
    </template> 
    <script> 
     Polymer('my-parent', {}); 
    </script> 
</polymer-element> 

<polymer-element name="my-child" attributes="bar"> 
    <template> 
     <input value="{{bar}}"> 
     <p>CHILD, bar is {{bar}}</p> 
    </template> 
    <script> 
     Polymer('my-child', { 
      bar: '' 
     }); 
    </script> 
</polymer-element> 

DEMO

내가 예상하는 입력 필드에 입력 한 값이

<p>PARENT, Foo is: {{foo}}</p> 

어떤 제안 뒤에 부모 템플릿 내에 표시해야한다는 것입니다 내가 여기에서 잘못하고있는 것일까 요?

답변

3

: 내 아이에

속성은 요소를 업그레이드하기 전에 폴리머에 데이터 바인딩했다. 이로 인해 바인딩 유형이 잘못 될 수 있습니다.

해결 방법 : 두 요소의 순서 만 변경하십시오. 부모 요소 앞에 자식 요소를 선언해야합니다 (대부분의 경우이 문제는 발생하지 않습니다. 사용하기 전에 자식 요소를 가져 오기 때문입니다).

1

실제로 제대로 작동합니다. http://ele.io으로 이동하여 시도하십시오.

업데이트 : 실제로는 이제 eror가 표시됩니다. 이전 솔루션이 올바른 것입니다. 정의 순서 브라우저 콘솔의 경고 메시지가 우리에게 힌트를 제공

관련 문제