Polymer dom repeat 不适用于 IE 中的 Select 选项

Question

您好，我正在使用波纹管代码创建聚合物下拉菜单 element.It 在除 IE 之外的所有浏览器中工作正常。

水果-list.html

<link href="https://rawgit.com/polymer/polymer/0.8-preview/polymer.html" rel="import">

<dom-module id="fruits-list">
  <template>
        <select>
          <template is="dom-repeat" items="{{employees}}">
          <option value="{{item.value}}">{{item.text}}</option>
          </template>
        </select>
  </template>
  <script>

    Polymer({
      is: 'fruits-list',
      ready: function() {
        this.employees = [
            {value: 'one', text: 'apple'},
            {value: 'two', text: 'banana'},
            {value: 'three', text: 'orange'}
        ];
      }
    });
  </script>
</dom-module>

index.html

 <html>
  <head>
   <script src="https://rawgit.com/webcomponents/webcomponentsjs/master/webcomponents-lite.js"></script>
    <link rel="import" href="x-example.html" />
  </head>
  <body>
    <fruits-list></fruits-list> 
  </body>
</html>

Answer 1

dom-repeat 在 IE 中不支持所有元素（例如 select 和 table 不支持）（认为它在最新版本的 Edge 中受支持）。

另请参阅：

Polymer dom repeat 不适用于 IE 中的 Select 选项

Polymer dom repeat is not working for Select Option in IE

select

polymer-1.0