Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/412.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将值与余烬模板中的查找表进行比较_Javascript_Ember.js - Fatal编程技术网

Javascript 如何将值与余烬模板中的查找表进行比较

Javascript 如何将值与余烬模板中的查找表进行比较,javascript,ember.js,Javascript,Ember.js,我们的想法是能够执行类似的操作: {{ #each color in colors }} <li class="{{if car.color==color 'selected' " > </li> {{/each}} 我知道事实上,ember的策略是在模板中不包含逻辑,但是,经过一天的搜索,这个简单的问题仍然没有回答我。构建一个组件,将逻辑作为计算属性添加到组件中 一个非常无聊的例子: 您还可以使用需求和itemController 另一个无聊的例子:在Ember

我们的想法是能够执行类似的操作:

{{ #each color in colors }}
   <li class="{{if car.color==color 'selected' " > </li>
{{/each}}

我知道事实上,ember的策略是在模板中不包含逻辑,但是,经过一天的搜索,这个简单的问题仍然没有回答我。

构建一个组件,将逻辑作为计算属性添加到组件中

一个非常无聊的例子:

您还可以使用需求和itemController


另一个无聊的例子:

在Ember组件上使用类名绑定:

如果绑定属性的值是字符串,则将添加该值 作为类名而不进行修改


在演示中,我在模板中为组件定义类名的值,但正如您在组件js中所看到的,该值可以来自任何地方,例如,模型数据、组件中声明的数组等。不需要项目控制器。不管怎样,这种方法正在遭到反对。建议我们远离控制器,以便有一个到Ember 2.0的清晰升级路径

查看类名绑定。它们很强大。