dart - 如何在 Dart Polymer 中使用和迭代可观察 map ？

Question

考虑以下代码:

myexample.html

<polymer-element name="my-example">
  <script type="application/dart" src="myexample.dart"></script>
  <template>
    <style></style>
    <div>
    <ul>
        <template repeat="{{ entry in map.values }}">
          <li>{{ entry }}</li>
        </template>
    </ul>
    <button on-click="{{add}}">Add</button>
    </div>
  </template>
</polymer-element>

myexample.dart

@CustomTag('my-example')
class MyExample extends PolymerElement {
  @observable Map<int, String> map = toObservable({});
  int i = 0;

  MyExample.created() : super.created();

  void add() {
    map[i++] = i.toString();
  }
}

每次单击“添加”按钮都会填充 map ，但 map 条目未显示在 myexample.html 中。那么:如何正确使用(并迭代)一个可观察的 Map，以便 html 文件中的列表自动更新？

Answer 1

这是一个错误。我刚刚提交了它:

https://code.google.com/p/dart/issues/detail?id=15407

请为问题加注星标，以便在修复错误时通知您。