Polymer dom repeat is not working for Select Option in IE

问题

Hi i am using bellow code to create a polymer dropdown element.It is working fine in all browsers except IE.

fruits-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:

dom-repeat is not supported for all elements (e.g. select and table are not) in IE (thought it is supported in recent versions of Edge).