我刚开始玩聚合物,一直在努力解决以下问题。
在下面的代码中,单击按钮时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查看。我错过了任何基本方法吗?