폴리머 반복에 문제가 있습니다

Question

저는 Polymer (Dart)에 매우 익숙합니다. 여기서 확실한 것이 빠져 있다고 생각합니다. 내 앱에는 객체 목록을 반복하고 항목을 UL의 LI 요소로 제공하는 코드가 있습니다. 목록이 올바르게 렌더링되지 않습니다. 여기

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

귀하의 다트 코드가 잘 보이는

내가 무엇을 단순화 한 후, 여기 내 사용자 지정 요소에 대한 다트 코드입니다. 문제는 repeat을 사용하는 방식입니다. repeat을 <li>에 직접 첨부 할 수 없습니다. 대신, 태그에 <li>을 입력하고 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>