我想在Ember.Handlebars.helper中使用Handlebar {{#if}}逻辑

Question

我正在将其他人的代码转换为Handlebars.js，并且我仍然坚持将此代码转换为{{#handle-bar}}{{/handle-bar}}对应代码。

之前的程序员使用{{#ifCond}}来切换选择的内容＆＃39;。这是我的组成部分。

{{#dropdown-item }}
    {{unbound this.itemName}}
{{/dropdown-item}}

这是我要转换为我的组件的div

<div class="dropdownItem" {{bind-attr value=formField_DropdownItemID}}{{#ifCond formField_DropdownItemID value}} selected{{/ifCond}} >
    {{unbound this.itemName}}
</div>

我的第一个想法是将div的逻辑弹出到组件中，就像下一个例子一样，但这给了我一个错误。

{{#dropdown-item bind-attr value=formField_DropdownItemID {{#ifCond formField_DropdownItemID value}} selected{{/ifCond}} }}
    {{unbound this.itemName}}
{{/dropdown-item}}

有什么建议吗？

Answer 1

您可以设置要计算的属性。语法如下：

{{#dropdown-item selected=computedProperty value=formField_DropdownItemID}}

computedProperty可以处理您的条件逻辑。整个想法是无论如何都要把它拉出车把。 ：）