如何在Dart +聚合物1.0中使用dom-repeat进行简单的数据绑定？

Question

我的大脑很痛。 （抱歉，我不知道js）。

对于我简单的例子/学习曲线，在我的HTML文件我有：

<template is="dom-repeat" items="{{datalist}}" as="item"> 
    {{item}}<br> 
</template> 

，并在DART文件：

@reflectable 
List<String> datalist = new List(); 

void rebuildDatas() { 
    datalist.clear(); 
    datalist.add('hello'); 
} 

不显示 '你好'。但是，如果我定义：

@reflectable 
List<String> data= ['one','two']; 

'一' 和 '二' 是成功上市。

请问我该如何做动态更新data？

（rebuildDatas()叫做当然！）

感谢

史蒂夫

Answer 1

聚合物的版本使用的是不支持复合绑定。 这在聚合物1.2（JS）或聚合物飞镖1.0.0-RC.5中发生了变化。

最好的动作是升级;临时解决办法是改变这种结合跨越标签的全部文本内容：

<template is="dom-repeat" items="{{datalist}}" as="item"> 
    <span>{{item}}<span><br> 
    <!-- or <div>{{item}}<div> --> 
</template> 

您需要使用聚合物API更新属性值，以便聚合物认识的变化和更新的约束值：

@property 
List<String> datalist = new List(); 

void rebuildDatas() { 
    clear('datalist'); 
    add('datalist', 'hello'); 
} 

又见Dart Polymer 1.0 - Two-way binding works?