javascript - Ember.js - 没有处理任何 Action

Question

我在 Ember.js 上关注 Railscats，在尝试执行“addEntry”操作时遇到以下错误

Uncaught Error: Nothing handled the action 'addEntry'. If you did handle the action, this error can be caused by returning true from an action handler in a controller, causing the action to bubble.

这是我的代码:

application.handlebars

<div id="container">
    <h1>Raffler</h1>
    {{input type="text" value=newEntryName action="addEntry"}}
    <p>{{newEntryName}}</p>
    <ul>
        {{#each entries}}
            <li>{{name}}</li>
        {{/each}}
    </ul>
</div>

application_controller.js.coffee

Raffler.ApplicationController = Ember.Controller.extend
    entries: []

    addEntry: ->
        @entries.pushObject name: @get('newEntryName')
        @set('newEntryName', '')

Answer 1

在旧版本的 ember.js 中， Action 助手使用 Controller 对象中的任何方法作为 Action 。但在新版本中，您必须将任何操作放在 actions 哈希中。因此，请将您的 Controller 更新为以下内容:

Raffler.ApplicationController = Ember.Controller.extend
  entries: []
  actions:
    addEntry: ->
      @entries.pushObject name: @get('newEntryName')
      @set('newEntryName', '')