ember.js - 两次使用相同的视图但具有不同的值

Question

我有一个观点，我想使用两次但具有不同的值。

    {{#view App.ColorPickerView sytleName="Background Color" css="bgColor"}}
    {{view.sytleName}}
{{/view}}

{{#view App.ColorPickerView sytleName="Text Color" css="textColor"}}
    {{view.sytleName}}
{{/view}}

这应该很容易。

请看这个jsfiddle http://jsfiddle.net/rmossuk/LUEUV/11/

基本上，当您单击背景颜色时，它应该更改背景颜色，但它正在更改文本颜色，因为它似乎正在使用视图的下一个实例。

有人帮我解决这个问题吗？

谢谢瑞克

Answer 1

答案很简单，在didInsertElement中，你把view声明为全局的，所以在实例化第二个ColorPicker的时候，第一个颜色选择器的viewinonChange方法引用的是第二个view。

声明视图var view = this;使代码工作。