Ember 控制器：没有处理该动作

Question

我浏览了几个小时的相关帖子，但找不到解决我遇到的问题的正确答案。

我一直收到错误消息：

Uncaught Error: Nothing handled the action 'edit'. 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.

我认为控制器处理错误，或者冒泡到错误的路由？

App.EventDetailsController = Ember.ObjectController.extend({
   isEditing: false,

actions: {
    edit: function() {
        this.set('isEditing', true);
    },

    doneEditing: function() {
        this.set('isEditing', false);
    }
    }
});


App = Ember.Application.create();

    App.Router.map(function() {
   // put your routes here
  this.route('events', {path: '/events'});
  this.route('createevent', {path: '/createevent'});
  this.route('eventdetails', {path: ':eventdetails_id'});
});

App.EventsRoute = Ember.Route.extend({
model: function() {
    return events;
}
});

App.EventDetailsRoute = Ember.Route.extend({
model: function(params) {
    return events.findBy('id', params.eventdetails_id);
}
});

有谁知道为什么这不起作用？

Answer 1

我怀疑这与没有使用正确的命名约定有关。如果您的路由名称是 EventDetailsRoute 那么该路由在路由器中应该被引用为 event-details.

Answer 2

您可能想这样定义路线：

App.Router.map(function() {
    this.resource('events', function() {                            // /events         <-- your event listing
        this.resource('event', {path: ':event_id'}, function() {    // /events/1       <-- your event details
            this.route('edit');                                     // /events/1/edit  <-- edit an event
        }); 
        this.route('create');                                       // /events/create  <-- create your event
    });
});

但除此之外，请注意操作会通过路由冒泡，因此请尝试将您的操作处理程序移至 EventDetailsRoute。

在此处阅读指南中讨论它的部分：http://emberjs.com/guides/templates/actions/#toc_action-bubbling

App.EventDetailsRoute = Ember.Route.extend({
    actions: {
        edit: function() {
            this.set('isEditing', true);
        },

        doneEditing: function() {
            this.set('isEditing', false);
        },

        //or maybe better:
        toggleEditing: function() {
            this.toggleProperty('isEditing');
        }
    },

    model: function(params) {
        return events.findBy('id', params.eventdetails_id);
    }
});

Answer 3

这个问题是因为我们的模板和控制器名称不同导致的。请检查您的模板和控制器名称

Answer 4

我也遇到过类似的问题。但在我的例子中，我从一个控制器动作中调用了一个路由动作，我在其中使用了 transitionToRoute。

由于到另一个路由的转换甚至在路由操作完成之前就已经完成，因此抛出错误“没有处理该操作actionName。如果您确实处理了该操作，则返回可能会导致此错误控制器中的动作处理程序为真，导致动作冒泡”。

参考：https://discuss.emberjs.com/t/sending-action-from-current-controller-to-current-route/6018

Ember 控制器：没有处理该动作

Ember controller: nothing handled the action

ember.js