javascript - 我希望在Ember.Handlebars.helper中使用{{#if}}逻辑

我正在将其他人的代码转换为Handlebars.js，但我坚持将其转换为{{#handle-bar}}{{/handle-bar}}标签。

先前的编码器使用{{#ifCond}}来切换“已选择”的内容。这是我的组件。

{{#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}}

有什么建议么？

最佳答案

您可以设置这些属性以进行计算。语法为：

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

computedProperty可以处理您的条件逻辑。整个想法是无论如何都要将其拉出车把。 :)