如何使用列表绑定ember中的复选框

Question

我有一个模型，其中列出了所有国家/地区的列表 -

[{"code":"US", "name":"USA"}]

选定的县将作为下面的列表传递 -

["US", "CA"]

我的模板有一个复选框列表，如下所示 -

{{#validatable-control label="Countries" error=errors.Countries}}
    {{log "All: "}} {{log model.AllCountries}}
    {{log "Selected: "}} {{log model.Countries}}
    {{#each model.AllCountries as |country|}} {{log "country: "}} {{log country.Code}} {{log country.Name}}
        <label class="checkbox-inline">{{input type="checkbox" checked=(mut (get model.Countries country.Code))}}{{country.Name}}</label>
    {{/each}}
{{/validatable-control}}

上面的代码没有按预期工作，我试图弄清楚如何配置复选框以实现我的需要。有什么想法吗？

Answer 1

country.Code =＆gt;将其替换为country.code - propertyName区分大小写。

为每个国家/地区引入isSelected属性，

{{#each model.AllCountries as |country|}} 
 <label class="checkbox-inline">
  {{input type="checkbox" checked=(mut (get country 'isSelected'))}}      {{country.name}} 
 </label>
{{/each}}

我在ember-twiddle中实施，看看它。