css - 如何做一个内联比较条件来应用徽章中的一个类？

Question

我想做这样的事情:

li class={aProperty=="alpha":active} Plain Text

我在哪里使用一个属性，看看它是否匹配一个值，而不是一个简单的 bool 值。

这个的有效标志语法是什么？语法文档仅针对 bool 属性条件显示此内容，并且执行类似我的示例的操作会导致浏览器错误和编译错误。

Answer 1

不幸的是，handlebars 和 emblem 都只适用于 bool 值。我不同意这个设计决定，但你必须跳过一些步骤来添加帮助程序来处理它们，即使这样语法也不是很干净。

据我所知，唯一的方法是通过 bool 属性。

在你的 Controller 中:

aPropertyAlpha: function() { 
  return this.get('aProperty')==='alpha'; 
}.property('aProperty')

在你的模板中:

li class={aPropertyAlpha:active}