Ember.js调试:如何通过控制台改变控制器属性?

时间:2013-11-18 16:14:21

标签: debugging ember.js

我经常有一个输出这样一个属性的模板:

模板

some thing with a value of {{value}}

控制器

App.ItemsController = Ember.ArrayController.extend({
    value: function() { 
        return this.get('baseCost') * 1.10;
    }.property('baseCost'),
    baseCost: 100;
});

value观察baseCost后,我预计当baseCost发生变化时{{value}}会发生变化。

如何通过检查器控制台更改baseCost来测试?类似的东西:

> var ic = App.ItemsController.create();
> ic.set('baseCost', 200);

1 个答案:

答案 0 :(得分:0)

这将导致无限循环,因为你使用自己来计算自己,另外你不应该; ...在value属性中抛出debugger语句并在本地更改它窗口。此外,在视图树中使用ember检查器,您可以单击特定控制器,然后单击要编辑的控制器,并编辑单个属性。

value: function() { 
    return this.get('baseCost') * 1.10;
}.property('baseCost'),

baseCost: 100

http://emberjs.jsbin.com/EYECePUD/1/edit

你绝对可以这样做,

var a = App.ApplicationController.create();

a.set('baseCost', 200);
alert(a.get('value'));