polymer
  • polymer-1.0
  • 2016-10-10 5 views 3 likes 
    3

    한 자식의 바인딩을 부모의 다른 자식으로 전달할 수 있습니까? 부모는 바인딩을 사용할 필요가 없습니다. 2 방향이어야합니다.두 형제 요소 간의 데이터 바인딩

    다른 말로하면 데이터 바인딩을 공유하려면 형제가 필요합니다.

    <app-drawer id="drawer">                                             
        <div class='left-bar-container'>                                               
        <listings-drawer></listings-drawer> 
    

      <!-- Main content --> 
        <iron-pages 
         selected="[[page]]" 
         attr-for-selected="name" 
         fallback-selection="view404" 
         role="main"> 
         <my-view1 name="my-view1" form-loading="{{isLoading}}" 
         pic="{{pics}}" area-code="{{areaCode}}"></my-view1> 
    

    나는 그 가정 form-loading="{{isLoading}}", pic="{{pics}}"에 액세스 할 <listings-drawer></listings-drawer> 필요하고, area-code="{{areaCode}}"

    답변

    4
    위에서 작동하지 않을 이유가 없다
    <app-drawer id="drawer">                                             
    <div class='left-bar-container'>                                               
    <listings-drawer loading="{{isLoading}}" 
        some-pics="{{pics}}" some-area-code="{{areaCode}}"></listings-drawer> 
         <!-- Main content --> 
    <iron-pages 
        selected="[[page]]" 
        attr-for-selected="name" 
        fallback-selection="view404" 
        role="main"> 
        <my-view1 name="my-view1" form-loading="{{isLoading}}" 
        pic="{{pics}}" area-code="{{areaCode}}"></my-view1> 
    

    `

    속성 이름이 목록 - 그리기에 사용되었습니다. 어 요소.

    +1

    고마워요! 확인하기 위해 Polymer에서 이와 같은 바인딩을 공유하는 것이 안전할까요? 문서에서 이와 같은 것을 보지 못했기 때문에 나는 의미있는 행동이나 부작용에 대해 연구하고 있는지 확신 할 수 없습니다. – dman

    +1

    실제로 좋은 질문입니다. 행동 자체는 확실히 설계에 의한 것입니다. 여러 바인딩에서 동일한 속성을 사용하는 것은 완벽합니다. 나는 두 요소 모두에서 그것을 자주 업데이트 할 때 기묘함에 대한 가능성이 있기를 기대하지만. 양방향이 불필요한 경우 단방향 바인딩을 권고합니다. –

    관련 문제