选项repeat.for中的Aurelia样式绑定

Question

这适用于Chrome，但不适用于IE

<option repeat.for="colour of typeColours" css="color: #333333; background-color:${colour};">

唯一的建议是使用css而不是我已经完成的样式，但无法找到有关如何使用跨浏览器工作的不同颜色行创建选择下拉列表的任何其他信息。

任何帮助非常感谢。 谢谢！

Answer 1

适用于IE 11和Edge：

http://plnkr.co/edit/pRZikbYw0q0DTahgGktQ?p=preview

<template>
  <select>
    <option repeat.for="color of colors" css="color: white;background-color: ${color}">${color}</option>
  </select>
</template>

export class App {
  colors = ['red', 'blue', 'green', 'yellow'];
}