我在聚合物组件中有一个元素，想有条件地添加一个CSS类。
<div class="bottom {{completed: item.completed}}">
如果item.isCompleted为true，则添加.completed类。
但是，出现以下错误：
无效的表达式语法：completed？：item.completed
我不想将Hole子树放在条件模板中。是否可以在html标签中使用表达式？我使用的是最新的聚合物版本，此功能是否以任何方式迁移或替换了？
更新Polymer 1.0
<div class$="[[getClasses(item.completed)]]">
getClasses: function (completed) {
var classes = 'bottom'
if(completed) classes += ' completed';
return classes;
}
即使completed可以从this.item.completed内部读取getClasses()，将其作为绑定中的参数传递也很重要。这样，PolymergetClasses(item.completed)每次item.completed更改时都会重新评估功能。
原始-聚合物0.5
它看起来像
<div class="bottom {{ {completed: item.completed } | tokenList }}">
有关更多详细信息，请参阅文档：http : //polymer-project.org/docs/polymer/expressions.html#tokenlist
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句