如何在Array上更新聚合物中的完整dom-repeat更改

时间:2016-12-11 17:24:23

标签: polymer polymer-1.0

我刚开始玩聚合物,一直在努力解决以下问题。

在下面的代码中,单击按钮时myItem数组已更改,父模板dom-repeat将被重新呈现,但子模板dom-repeat未更新。

原因可能是子dom-repeat绑定到函数_get

  <dom-module id="my-element">
   <template>
    <button on-click="_removeLastTwo">switch</button>
    <template is="dom-repeat" items="{{myItem}}">
    <ul>
      <template is="dom-repeat" items="{{_get(item)}}">
       <li>{{item}}</li>
       </template>
     </ul> 
    </template>
   </template>
  </dom-module>


 <script>
    Polymer({
      is: 'my-element',
      properties: {
      data: {
        type: Array,
        value: [9,8]   
        },
      myItem:{
        type:Array,
        value:[1,2,3,4,5]
      } 
     },
     _get:function(t){
       var d = this.myItem.length;
       return [d+1,d+2]
     },
     _removeLastTwo: function(){
       this.myItem = [1,2]
     }
  });
 </script>

如何解决此问题,请在http://jsbin.com/misuvehuwe/edit?html,output查看。我错过了任何基本方法吗?

0 个答案:

没有答案