聚合物 1.0 中添加了默认样式范围

Question

添加了默认范围，而不是必需的 class。尝试在 Polymer 1.

中使用条件 css 更改下拉菜单中的颜色

       <paper-item>
          <span class$ = {{setClass(item.no)}}> Polymer </span>
       </paper-item>

Answer 1

你的例子看起来没问题，只是把你的例子用双引号引起来。此外，您可以尝试以下操作：

<span style$ = "color:{{setClass(item.no)}};"> Polymer </span>


setClass(n) {
   if(n) return n <100 ? "blue":"red";
}

编辑

此外，需要删除：oe-combo 内的<template item-template>。

Default style scope is being added in polymer 1.0