如何使用polymer-dart repeat创建<select>元素

Question

如何使用polymer-dart repeat创建<select>元素

我正在尝试迭代列表以创建一个选择下拉框.我的代码在下面显示为Web组件

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

Run Code Online (Sandbox Code Playgroud)

代码是,它为每次迭代创建一个单独的组合.如果我将标签移到嵌套模板之外,编辑器会抱怨.

这样做的正确方法是什么？

谢谢

Answer 1

Nat*_*ial 9

您可以在选项标签上使用template属性.它将为模板集合中的每个项重复选项元素和循环值.

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

Run Code Online (Sandbox Code Playgroud)

@st_clair_clarke你应该通过点击上/下投票计数器下方的复选标记来接受答案. (2认同)

归档时间：	12 年，1 月前
查看次数：	1646 次
最近记录：	11 年，6 月前