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>

遇到聚合物重复问题

1 个答案: