javascript - 我想要 Ember.Handlebars.helper 内部的 Handlebar {{#if}} 逻辑

Question

我正在将其他人的代码转换为 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}}

有什么建议吗？

Answer 1

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

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

compatedProperty 可以处理您的条件逻辑。无论如何，整个想法就是将其从 Handlebars 上拉出来。 :)