ember.js - Emberjs 表单、提交函数和操作助手错误

Question

http://jsfiddle.net/ACzaJ/7/ 这个 fiddle 有以下问题:

1. 当您点击:“清除完成按钮”时，您将收到错误消息:

   Uncaught Error: assertion failed: Target <Ember.View:ember116> does not have action clearCompletedTodos
   
     And this line generates that error:
    <button {{action clearCompletedTodos  target="Todos.todosController" }} >
         Clear Completed Todos
     </button>
   

2. 我正在试验两种不同的提交功能，每次评论一个以尝试另一个:

   2a。当我单击“添加”按钮时，当通过注释掉第二个提交功能来使用第一个提交功能时，没有添加新的待办事项，也没有自己的错误。没什么大不了的。

   2b。当我注释掉第一个提交函数并使用第二个提交函数时，单击添加，抛出以下错误:

   Uncaught TypeError: Cannot call method 'createTodo' of null.
   

我如何制作这个待办事项应用程序、运行、添加和清除待办事项。谢谢

更新

问题 1 现在由@pauldechov 解决。但问题 2a 和 2b 尚未解决。 jsfiddle 链接也已更新。谢谢@pauldechov。

更新 2

后来Peter在这里提供的解决方案出现了问题，Peter在这里解决了新的问题:

Previously working emberjs1.0-pre form on jsfiddle returns "error": "Please use POST request"

Answer 1

首先，看起来您已经为 TodoView 提供了一个包含空格的 id。此 id 必须是有效的 HTML id，这样肯定会导致一些问题。其次，submit 函数在您的 TodoFormView 实例上寻找一个值。但是，该值是在您的 TodoView 实例上定义的。您需要在两者之间建立绑定(bind)。

我通过暂时摆脱 TodoView 并只使用标准的 TextField 来简化事情。此外，您的 remaining 函数需要更改为使用引号而不是 get(length) 执行 get('length')。此外，复选框 API 已从一些较旧的示例中更改，请参阅 http://docs.emberjs.com/#doc=Ember.Checkbox .

这是更新后的 fiddle :http://jsfiddle.net/wagenet/ACzaJ/8/