发布于 2015-08-18 16:39:10 | 453 次阅读 | 评论: 0 | 来源: 网络整理
计算属性时常依赖一个数组中的全部元素来计算其值。例如，要知道有多少已经完成的待办事项，那么需要计算控制器中所有的待办事项才能得出结果。
下面是一个计算属性的示例：
1 2 3 4 5 6 7 8 9 10 |
App.TodosController = Ember.Controller.extend({
todos: [
Ember.Object.create({ isDone: false })
],
remaining: function() {
var todos = this.get('todos');
return todos.filterBy('isDone', false).get('length');
}.property('todos.@each.isDone')
});
|
这里需要注意的是依赖（todos.@each.isDone）中包含一个特殊的关键字@each。使用了@each意味着Ember.js在下述的四种情况下，将更新计算属性的绑定和触发其观察器：
todos数组中任意一个元素的isDone属性发生改变；todos数组中添加了一个新成员；todos数组中有一个成员被移除了；todos数组变为了另外一个不同的数组。在上面的示例中，remaining为1：
1 2 3 |
App.todosController = App.TodosController.create();
App.todosController.get('remaining');
// 1
|
如果改变待办事项的isDone属性，remaining属性会被自动更新：
1 2 3 4 5 6 7 8 9 10 11 12 |
var todos = App.todosController.get('todos');
var todo = todos.objectAt(0);
todo.set('isDone', true);
App.todosController.get('remaining');
// 0
todo = Ember.Object.create({ isDone: false });
todos.pushObject(todo);
App.todosController.get('remaining');
// 1
|
注意@each只工作在第一级。不能嵌套使用，如：todos.@each.owner.name或者todos.@each.owner.@each.name。