如何在 Dart+polymer 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

您使用的 Polymer 版本不支持复合绑定。 这在 Polymer 1.2 (JS) 或 Polymer Dart 1.0.0-rc.5 中发生了变化。

最好的行动是升级；临时解决方法是更改​​此绑定以跨越标签的整个文本内容：

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

您需要使用 Polymer API 更新属性值，以便 Polymer 识别更改并更新绑定值：

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

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

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