对于IE中的选择选项,聚合物dom重复不起作用

时间:2016-03-24 12:09:04

标签: select polymer-1.0

您好我正在使用波纹管代码来创建聚合物下拉元素。它在除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>

1 个答案:

答案 0 :(得分:0)

IE中的所有元素(例如dom-repeatselect都不支持

table(认为在最新版本的Edge中支持它)。

另见: