选择聚合物选项

Question

如何在Polymer 1.0中选择选择选项？

<select id="typeSelect" style="width:100%;" value="{{item.type::change}}">
  <option value="">Choose a type</option>
  <template is="dom-repeat" items="{{types}}" as="type" >
    <option selected?="{{type==item.type}}">{{type}}</option>
  </template>
</select>

Answer 1

你非常接近。使用它。

<select id="typeSelect" style="width:100%;" value="{{item.type::change}}">
  <option value="">Choose a type</option>
  <template is="dom-repeat" items="{{types}}" as="type" >
    <option selected$="{{selected(type,"yourtypetocompare")}}">{{type}}</option>
  </template>
</select>

现在，在聚合物的元素中添加一个函数。

  selected: function(item, type){
    return type == item.type;
  },