dart - 聚合物重复出现问题

Question

我对 Polymer(和 Dart)非常陌生，我怀疑我在这里遗漏了一些明显的东西。在我的应用程序中，我有代码遍历对象列表并将项目显示为 UL 中的 LI 元素。该列表未正确呈现。

在简化我所拥有的之后，这是我的自定义元素的 Dart 代码:

import 'package:polymer/polymer.dart';

@CustomTag('users-element')
class UsersElement extends PolymerElement {
  @observable List users = toObservable(['Mike', 'Anne', 'Kim']);
  UsersElement.created() : super.created() {}
}

这是相关的html代码:

<polymer-element name="users-element">
  <template>
    <ul>
      <li repeat="{{user in users}}">
        {{user}}
      </li>
    </ul>
  </template>
  <script type="application/dart" src="users_element.dart"></script>
</polymer-element>

Answer 1

你的 Dart 代码看起来不错。问题在于您使用 repeat 的方式.
您不能附加 repeat到 <li>直接地。相反，你需要
包裹 <li>在 <template>标签，并附上 repeat到那个。
这应该有效:

<polymer-element name="users-element">
  <template>
    <ul>
      <template repeat="{{user in users}}">
        <li>
          {{user}}
        </li>
      </template>
    </ul>
  </template>
  <script type="application/dart" src="users_element.dart"></script>
</polymer-element>