폴리머 다트 반복을 사용하여 <select> 요소를 만드는 방법

목록을 반복하여 선택 드롭 다운 상자를 만들려고합니다. 내 코드는 아래 웹 구성 요소로 표시됩니다.폴리머 다트 반복을 사용하여 <select> 요소를 만드는 방법

<!DOCTYPE html> 
<polymer-element name="epimss-name"> 
    <template> 
    <label for='titleCmbo' id='titleLbl'>Title</label> 

    <template repeat="{{title in titleList}}"> 
     <select id='titleCmbo'> 
     <option value='{{title}}'>{{title}}</option> 
     </select> 
    </template> 

    </template> 
    <script type="application/dart"> 

    import 'package:polymer/polymer.dart'; 

    @CustomTag('epimss-name') 
    class NameElement extends PolymerElement 
    { 
     final List<String> titleList = toObservable([ '', 'Dr', 'Miss', 'Mr', 'Mrs', 'Prof' ]); 
    } 

    </script> </polymer-element> 
</body> 
</html>

코드는 각 반복마다 별도의 콤보를 만듭니다. 중첩 된 템플릿 외부로 태그를 이동하면 편집기에서 오류가 발생합니다.

이 작업을 수행하는 적절한 방법은 무엇입니까?

감사합니다.

출처

2013-10-21 st_clair_clarke