我想在Ember.Handlebars.helper中使用{{#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}}

computedProperty可以處理您的條件邏輯。 整個想法是無論如何都要將其拉出車把。 :)