dart - 如何在Dart+polymer 1.0中使用dom-repeat进行简单的数据绑定(bind)？

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'];

“一”和“二”已成功列出。

如何动态更新数据？

(当然会调用rebuildDatas()!)

谢谢

史蒂夫

Answer 1

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

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

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

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

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

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

另请参阅 Dart Polymer 1.0 - Two-way binding works?