Question

我有以下模板，我循环遍历一个对象列表，并希望有一个复选框绑定到该对象的字段isChecked。这需要在视图助手中才能使for标签起作用（我认为）。当我这样做时，我似乎无法弄清楚如何保持与isChecked字段的绑定。

{{#each listEntry in listEntries}}
    {{#view}}
        {{view Ember.Checkbox viewName="checkboxView" checkedBinding="listEntry.isChecked"}}
        <label {{bindAttr for="view.checkboxView.elementId"}}>Option 1</label>
    {{/view}}
{{/each}}

Answer 1

您的问题类似于that，但这种做法不起作用，我认为是因为each帮助。

但是one的评论说明了如何在标签中嵌套组件。我已经做到了并且有效。

{{#each listEntry in listEntries}}
      <label>          
          {{view Ember.Checkbox viewName="checkboxView" checkedBinding="listEntry.isChecked"}}          
          Option 1
     </label>    
  {{/each}}

我创建了一个jsfiddle显示

Answer 2

这就是我最终要做的事情。我一直遇到的问题是，对于“for”属性的绑定需要与检查的绑定不一致。事情超出了范围。如果有人有更好的方法来实现这一目标，请告诉我。

{{#each listEntry in ListEntries}}
    {{#if ../isCheckable}}
        {{#with ../listEntry}}
            {{#view listEntryBinding="this"}}
                {{view Ember.Checkbox viewName="checkboxView" checkedBinding="listEntry.isChecked"}}
                <label {{bindAttr for="checkboxView.elementId"}}></label>
            {{/view}}
        {{/with}}
    {{/if}}
{{/each}}

Ember js：访问{{view}}帮助器中的变量

2 个答案: