Ember:使用复选框查看子项

时间:2012-12-24 00:50:48

标签: ember.js handlebars.js

在ember中,我有一个汽车列表,每辆汽车都有相同的颜色。

我想向用户展示一系列汽车,并能够为每个汽车勾选他想要的颜色。

我已经构建了以下示例http://jsfiddle.net/eH9xH/7/,但无法弄清楚如何避免为每辆车选择颜色。你能帮忙吗?

谢谢,抱歉新手问题。

<script type="text/x-handlebars" data-template-name="application">
    {{#each App.availableCopies.content }}
        <h1>{{ this.value }}</h1>
        {{each App.availableTags.content itemViewClass="App.OneTagView"}}
    {{/each}}
</script>

<script type="text/x-handlebars" data-template-name="one-tag">
    <label>
       {{ view Ember.Checkbox checkedBinding="isChecked" }}
       {{ name }}
    </label>
</script>

2 个答案:

答案 0 :(得分:4)

检查这个小提琴http://jsfiddle.net/apWsW/3/

基本上,checkedBinding="isChecked"绑定到封闭的上下文,这不是我们想要的。由于上下文在其他OneTagView实例之间共享,因此checkBinding正在更新所有这些实例

如果您将其更改为checkedBinding=view.isChecked,则会绑定到OneTagView的实例

希望这有帮助

答案 1 :(得分:1)

只需将checkedBinding更改为view.isChecked Fiddle,正如Bradley建议的那样,如果每辆车的颜色相同,您可以使用单选按钮或下拉列表作为颜色...