1

聚合物 dom-repeat 未按预期工作，当我动态地将新元素添加到数组时，dom-repeat 不显示该值。

将项目推入数组时，我正在使用 Polymer 的数组变异方法，但仍然无法正常工作。

请检查codepen链接；

    <dom-module id="wind-studio-widget">
  <template>
    <div on-tap='_addNewPad' style="cursor:pointer"><strong>Click Me</strong></div>
  <template id="padListContainerId" is="dom-repeat" items="[[padList]]">
    <p style="border:1px solid red">&nbsp;<span>[[item.id]]</span></p>
  </template>
  </template>
</dom-module>
<script type="text/javascript">
    Polymer({

        is: 'wind-studio-widget',

        properties: {
            baseUrl: {type: String},
            padList: {
                type: Array,
                notify: true
            },
            padListAverage: {type: Object}
        },

        ready: function () {
            //this.baseUrl = localStorage.baseUrl;
            //this.loadPadData();
          this.padList = [{'id':'1'},{'id':'2'}];
        },

        _addNewPad: function () {
            var newPadList = this.padList;
            newPadList.push({'id':'3'});
            this.set('padList', []);
            this.set('padList', newPadList);
            console.log(this.padList);
          //this.$.padListContainerId.render();
        }
    });
  </script>

http://codepen.io/nareshchennuri/pen/vxjvdO

4

0 回答 0