首页 > 其他 > 详细

2.4 The Object Model -- Computed Properties and Aggregate Data with @each(计算的属性和使用@each聚合数据)

时间:2016-01-21 10:27:13      阅读:184      评论:0      收藏:0      [点我收藏+]

1. 通常,你可能有一个计算的属性依赖于数组中的所有元素来确定它的值。例如,你可能想要计算controller中所有todo items的数量,以此来确定多少任务给完成了。

export default Ember.Controller.extend({
    todos: [
        Ember.Object.create({ isDone: true }),
        Ember.Object.create({ idDone: false }),
        Ember.Object.create({ isDone: true })    
    ],

     remaining: Ember.computed(‘todos.@each.isDone‘, function () {
         var todos = this.get(‘todos‘);
         return todos.filterBy(‘isDone‘, false).get(‘length‘);//1
     });
});    
  • 注意这里依赖的key(todos.@each.isDone)包含特殊的key @each
  • 当一下四个事件发生时,这指示ember.js更新此计算属性的绑定和发射观察者(observers):
    • todos数组中的任何对象的isDone属性发生改变。
    • todos数组中添加一项。
    • todos中删除一项。
    • controllertodos属性被改变为另外一个数组。
  • 在上面的例子中,reamaining的count值是1:
import TodosController from ‘app/controllers/todos‘;
todosController = TodosController.create();
todosController.get(‘remainging‘);

2. 如果我改变todo‘s isDone属性, remaining属性将会被自动更新:

var todos = todosController.get(‘todos‘);
var todo = todos.objectAt(1);
todo.set(‘isDone‘, true);

todosController.get(‘remaining‘); //0

todo = Ember.Object.Create({ isDone: false });
todos.pushObject(todo);

todosController.get(‘remaining‘);//1

3. 请注意@each不能嵌套。

正确:todos@each.owner.name

错误:todos@each.owner.@each.name

2.4 The Object Model -- Computed Properties and Aggregate Data with @each(计算的属性和使用@each聚合数据)

原文:http://www.cnblogs.com/sunshineground/p/5147344.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!