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

标签 javascript jquery ember.js components handlebars.js

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

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

关于javascript - 我想要 Ember.Handlebars.helper 内部的 Handlebar {{#if}} 逻辑,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25016916/

相关文章:

ember.js - 从 ember 数据 json 中删除模型名称

javascript - 如何使用 switch case 将包含字符串的值放入数组中的正确对象中?

javascript - 检测特定元素的位置

javascript - 在没有指定高度的静态定位 div 之后定位元素

javascript - 赠送带有激活码的小部件(网络应用程序)

javascript - Ember 1.0.0 输入类型 radio 'checked' 绑定(bind)在属性更改时未更新

javascript - jCanvas 的 globalCompositeOperation

javascript - if 条件 onclick - jQuery

javascript - 如何在 HTML 中的 li 元素上创建右键单击自定义菜单

javascript - 使用 Ember/JavaScript 的动态内容安全策略