使用相同的视图两次但具有不同的值

时间:2012-08-15 11:17:50

标签: ember.js

我有一个观点,我想要使用两次但价值不同。

    {{#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/

基本上当你点击背景颜色时,它应该改变背景颜色,但它正在改变文本颜色,因为它似乎是使用下一个视图实例。

有人帮我这个吗?

谢谢 瑞克

1 个答案:

答案 0 :(得分:1)

答案非常简单,在didInsertElement中,您将视图声明为全局,因此在实例化第二个ColorPicker时,第一个颜色选择器的view方法中的onChange引用第二个视图

使用var view = this;声明视图会使代码生效。