У вас возникли проблемы с повторением полимера

Question

Я очень новичок в Полимере (и в Дарте), и я подозреваю, что у меня нет ничего очевидного здесь. В моем приложении у меня есть код, который выполняет итерацию по списку объектов и представляет элементы как элементы LI в UL. Список не отображается правильно.

После упрощения, что у меня есть, вот код 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>