Javascript 聚合物1.x dom repeat不能正常工作

我试图使用Polymer 1.x中的dom repeat助手来显示文章列表

连接到Firebase后，数据正确存储在我的lbriefe阵列中

但是，dom repeat模板无法将lbriefe中我的对象的属性传递给我的自定义元素leserbriefe

这是我的dom重复模板：

<template is="dom-repeat" items="[[lbriefe]]" initial-count="3">
  <lb-leserbrief
  heading$="[[item.heading]]" 
  author$="[[item.author]]" 
  reference$="[[item.reference]]" 
  content$="[[item.content]]" 
  source$="[[item.source]]"
  date$="[[item.date]]"
  >
  </lb-leserbrief>
</template>

这是我的剧本：

Polymer({
  is: 'lb-leserbriefe',
  properties: {
    lbriefe: {
          type: Array,
          value: function() {return [];},
          notify: true
      }
  },

  ready: function(){
    const leserbriefRef = firebase.database().ref('leserbriefe');
    const divList = this.$.lbbriefe;
        leserbriefRef.on('value', snap => {
            this.lbriefe = [
              {
                heading: "Test",
                author: "Daniel",
                reference: "Kein",
                content: "<p>Test Test</p>",
                source: "Ich",date: "31. August 2016"
              }
              ];
            for(var i=0; i<13; i++){
                this.lbriefe[i] = snap.child('l'+i).val();
            }
            console.log(this.lbriefe);
        });
  }
});

聚合物({ 是：“lb leserbriefe”， 特性：{ 勒布里夫：{ 类型：数组， 值：函数（）{return[]；}， 通知：正确 } }, 就绪：函数（）{ const leserbriefrefref=firebase.database（）.ref（'leserbriefe'）； const divList=this.$.lbbriefe； leserbriefrefref.on（'value'，snap=>{ this.lbriefe=[ { 标题：“测试”， 作者：“丹尼尔”， 参考资料：“Kein”， 内容：“测试测试

”， 资料来源：“Ich”，日期：“2016年8月31日” } ];

---

对于（var i=0；i您直接使用

lbriefe

array，但是为了通知聚合物结合有关array突变的信息，您应该使用

所以，在您的情况下，只需使用push方法将项添加到数组中

this.push("lbriefe", item)