聚合物1.0 - 数据绑定阵列不更新正确

Question

演示这里：http://jsbin.com/wiqowo/15/edit?html,output

当我循环通过this.data在下面的例子中，它遍历正确数量项目中，个别项目然而值不输出。这是一个错误，还是我错过了什么？

<dom-module id="test-element"> 
    <template> 
    <h3>data</h3> 
    <p>data: <span>{{data}}</span></p> 
    <ul> 
     <template is="dom-repeat" items="{{data}}"> 
     <li>{{item}}</li> 
     </template> 
    </ul> 
    </template> 
    <script> 
    Polymer({ 
     ready: function() { 
     this.data = ['Item #1', 'Item #2', 'Item #3']; 
     for (var i=this.data.length; i<10; i++) { 
      this.data.push('Item #' + (i+1)); 
     } 
     console.log(this.data); 
     } 
    }); 
    </script> 
</dom-module> 

Answer 1

想通了。 1.0中显然不支持数组变异。您必须致电新的Polymer.push,Polymer.pop等方法。

演示：http://jsbin.com/wiqowo/25/edit?html,output

for (var i=this.data.length; i<10; i++) { 
    this.push('data', 'Item #' + (i+1)); 
} 

Answer 2

在ready函数内部定义一个数组var，并将数据推送到它。然后，将其分配给this.data。

Polymer({ 
    ready: function() { 
    var localData = ['Item #1', 'Item #2', 'Item #3']; 
    for (var i=localData.length; i<10; i++) { 
     localData.push('Item #' + (i+1)); 
    } 

    this.data = localData; 

    console.log(this.data); 
    } 
});