폴리머 : 용지 메뉴의 용지 항목에 동적 값을로드하려면 어떻게해야합니까?

Question

자바 스크립트 코드에서 Firebase에서 가져온 개체 목록을 종이 메뉴의 "항목"속성으로 가져오고 싶습니다.

HTML :

<paper-menu class="menuList" id="disciList" attrForSelected="value" selectedItems="{{selectionDisci}}" multi> 
 
    <template is="dom-repeat" items="{{disciplines}}"> 
 
    <paper-item value="{{item.name}}">{{item.name}}</paper-item> 
 
    </template> 
 
</paper-menu>

자바 스크립트 : 여기 내 코드의 내가 제대로 목록을 가져

var disciplines = []; 
 
     var i = 0; 
 
     
 
     var disciRef = db.ref(exercises.node + exercises.discinames); 
 
     disciRef.once("value").then(function(snapshot) { 
 
     snapshot.forEach(function(childSnapshot) { 
 
      var key = childSnapshot.key; 
 
      disciplines["name" + i] = childSnapshot.key; 
 
      i++; 
 
     }); 
 
     });

,하지만 난 할 수 종이 상품에 {{items.name}}과 "i"(0-1-2-3 ...)의 값을 더하는 방법을 설명하지 마십시오. 동적 목록을로드하는 또 다른 방법이 있다면, 나는 배움에 익숙합니다.

감사합니다.

Answer 1

속성을 사용하여 배열에 바인딩합니다. 그런 다음 목록을 해당 배열 속성으로 설정하십시오.

Polymer({ 
    is: 'custom-element', 
    properties: { 
    disciplines: 
     type: Array, 
     value: [] 
    } 

    loadItem: function(){ 
    //finish loading items to var disciplines then 
    this.set('disciplines', disciplines);  
    } 
}) 

당신의 가치를 인쇄 할 dom-repeat 내부 index를 사용할 수있는 'i'를 here를 DOM-반복에 대한

<paper-item value="{{item.name}}">{{index}} {{item.name}}</paper-item> 

또한 문서를 참조하십시오.