javascript - EmberJS - 将相同的值分配给依赖属性时更新计算属性

标签 javascript properties ember.js dependencies

在我的 ember 应用程序中,有一个模型的属性可能会或可能不会更改的事件。我的 Controller 中还有一个计算属性,它依赖于我的模型属性和应用程序中的另一个变量(不属于模型)。

即使事件触发时模型的属性没有改变,其他应用程序变量也会改变,这会影响 Controller 的计算属性,我希望这些改变反射(reflect)在事件触发上。

我注意到,如果为属性分配了相同的值,ember 将不会“更新”该属性,而且我似乎找不到强制更新的方法。

现在我有一个奶酪修复,如果模型的属性没有改变,我将值更改为其他值,然后将其重置回原来的值以触发 Controller 的计算属性。这不是很有效或干净。有没有其他方法来处理这个问题?

编辑: 简要说明我在做什么......

session.other_application_var = [1, 2];

App.MyModel = Ember.Object.extend({
  model_prop: 1
});

//an instance of MyModel is assigned to the index route's model

App.IndexController = Ember.ObjectController.extend({
  comp_prop: function(){
    var sum = this.get('model.model_prop');
    session.other_application_var.forEach(function(num){
      sum += num;
    });
    return sum;
  }.property('model.model_prop)
});

所以基本上,如果我更改 session.other_application_var,例如添加另一个元素,我希望 comp_prop 更新。

最佳答案

您可以使用特殊的 @each property观察数组的变化。以下更改意味着 comp_prop 将在 model.model_prop 或 'App.otherStuff.@each' 更改时更新。

App = Ember.Application.create({
  otherStuff: [2,3,4]
});

App.IndexController = Ember.ObjectController.extend({
  comp_prop: function(){
    var sum = this.get('model.model_prop');
    var otherStuff = App.get('otherStuff');
    otherStuff.forEach(function(num){
      sum += num;
    });
    return sum;
  }.property('model.model_prop', 'App.otherStuff.@each')
}

Full working example JSBin

关于javascript - EmberJS - 将相同的值分配给依赖属性时更新计算属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17456427/

相关文章:

javascript - 从 LocalStorage 初始化变量

javascript - 在不同的div中显示不同的网页

javascript - 类型上不存在属性 'defaultProps'

ember.js - 你如何测试你的 emberjs 路由?

javascript - 为什么 "or"可以工作,但 "and"不在我的 Ember.CompulatedProperty 中?

javascript - 如何在 onSubmit 调用的函数内使用状态?

javascript - 查询对象属性适用于除 IE 10 之外的所有浏览器

java - 使用属性文件或数据库来存储值哪个是最好的方法?

javascript - 使用 javascript 更改 Spotfire 文档属性值

twitter-bootstrap - 如何在 ember.js 中设置事件菜单栏项