我想要 Ember.Handlebars.helper 内的 Handlebar {{#if}} 逻辑答案

【问题标题】：I want Handlebar {{#if}} logic inside of a Ember.Handlebars.helper我想要 Ember.Handlebars.helper 内的 Handlebar {{#if}} 逻辑
【发布时间】：2014-09-20 22:04:39
【问题描述】：

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

有什么建议吗？

【问题讨论】：

您是否尝试过yielding 在您拥有的下拉项目模板中，如下所述：emberjs.com/guides/components/wrapping-content-in-a-component？
Dropdown-item 只代表一个 dom 元素，我想知道如何在把手中使用这些条件

标签： javascript jquery ember.js components handlebars.js

【解决方案1】：

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

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

computedProperty 可以处理你的条件逻辑。整个想法是将其从车把中拉出来。 :)

【讨论】：

这是一个简单直接的解决方案。谢谢！