Как создать элемент ‹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>

Как и код, он создает отдельную комбинацию для каждой итерации. Если я перемещаю теги за пределы вложенного шаблона, редактор жалуется.

Каков правильный способ сделать это?

Спасибо


dart dart-polymer
person st_clair_clarke    schedule 21.10.2013    source источник

Ответы (1)


arrow_upward
9
arrow_downward

Вы можете использовать атрибут шаблона в теге опции. Он будет повторять элемент option и значение цикла для каждого элемента в коллекции шаблонов.

<select id="titleCmbo">
  <option value="{{title}}" template repeat="{{title in titleList}}">
    {{title}}
  </option>
</select>
person Nathanial    schedule 21.10.2013
comment
@st_clair_clarke Вы должны принять ответ, щелкнув галочку под счетчиком голосов за/против. - person Günter Zöchbauer; 28.01.2014