单击按钮时从余烬列表中删除对象

时间:2013-03-23 13:20:13

标签: ember.js

我有待清单http://jsfiddle.net/WKn3P/15/

Todos.todosController = Em.ArrayController.create({
    content: [],

    createTodo: function(title){
        var todo = Todos.Todo.create({ title: title });
        this.pushObject(todo);    
    },

    removeTodo: function(view){
        this.removeObject(view.context);
        debug;
    },

});

我正在尝试制作"删除按钮",这有机会删除列表中的对象。 但现在它不起作用。另外,我不明白为什么" data-ember-action =" 1"出现在这里。 我阅读了所有Ember.js指南,并且谷歌很多,但完全迷失了。求助。

1 个答案:

答案 0 :(得分:1)

  
    

我不明白为什么“data-ember-action =”1“出现在这里

  

{{action}}应位于代码内:

<button {{action removeTodo}}>Remove</button>

你的在外面(带文字)。

也就是说,小提琴有几个问题。我修好了,你可以查看[new updated version here

主要问题是:

  • 路线是Ember.js非常重要的一部分。构建应用程序时需要考虑它们。它们是控制器和模型之间的粘合剂,它们是渲染模板的粘合剂。
  • 您不应手动创建控制器,让Ember.js为您创建控制器。 而不是Todos.todosController = Em.ArrayController.create(),请使用Todos.TodosController = Em.ArrayController.extend()

我修复了其他一些小事。看看更新的小提琴并发现这些变化。

祝你好运! :)