假设labelCls, mandatory和optional是预定义的CSS类。样本代码：
labelCls, mandatory
optional
<div {{bind-attr class=":labelCls (isRequired == "required"?mandatory:optional")}}> Warning! </div>
想成为如果isRequired = "required";
isRequired = "required";
<div class="labelCls mandatory"> Warning! </div>
velaa5lx1#
为eq助手安装ember-truth-helper附加组件
<div class={{if (eq isRequired 'required') 'labelCls mandatory' 'labelCls optional'}}> Warning! </div>
hfwmuf9z2#
根据您的评论，您似乎希望在组件中执行此操作。因此...您可以有一个定义如下的组件：
App.ReqClassComponent = Em.Component.extend({ isRequired: function(){ var someParam = this.get('someParam'); return someParam === 'required'; }.property() });
然后，您可以在模板中呼叫元件，如下所示：
{{ req-class someParam='required' }}
工作演示here
2条答案
按热度按时间velaa5lx1#
为eq助手安装ember-truth-helper附加组件
hfwmuf9z2#
根据您的评论，您似乎希望在组件中执行此操作。因此...
您可以有一个定义如下的组件：
然后，您可以在模板中呼叫元件，如下所示：
工作演示here