Polymer repetition problems

Question

I'm very new to Polymer (and Dart), and I suspect I have something obvious here. In my application, I have code that iterates over a list of objects and presents the elements as LI elements in UL. The list does not display correctly.

After simplifying what I have, here is the Dart code for my custom element:

import 'package:polymer/polymer.dart';

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

And here is the corresponding html code:

<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>