我想向用户展示一系列汽车,并能够为每个汽车勾选他想要的颜色。
我已经构建了以下示例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>
答案 0 :(得分:4)
检查这个小提琴http://jsfiddle.net/apWsW/3/
基本上,checkedBinding="isChecked"
绑定到封闭的上下文,这不是我们想要的。由于上下文在其他OneTagView实例之间共享,因此checkBinding正在更新所有这些实例
如果您将其更改为checkedBinding=view.isChecked
,则会绑定到OneTagView的实例。
希望这有帮助
答案 1 :(得分:1)
只需将checkedBinding
更改为view.isChecked
Fiddle,正如Bradley建议的那样,如果每辆车的颜色相同,您可以使用单选按钮或下拉列表作为颜色...