Ember.js Ошибка действий: «Ничего не обработано событие»

Question

Я работаю над своим первым приложением Ember.js, и хотя у меня есть загрузка шаблона, когда я пытаюсь вызвать действие, которое я определил в контроллере , Я получаю сообщение об ошибке: «Uncaught Error: Nothing обработал событие showNew». Я не уверен, что неправильно настроил маршрут и контроллер, или если мне не хватает чего-то другого.

./router.js:

Seanchai.Router.map(function(){ 
    this.resource("stories", function(){ 
    this.route('new'); 
    }); 
}); 

Seanchai.StoriesRoute = Ember.Route.extend({ 
    model: function(){ 
    Seanchai.Story.find(); 
    } 
}); 


Seanchai.Router.reopen({ 
    location: 'history' 
}); 

./controllers/stories_controller.js:

Seanchai.StoriesController = Ember.ArrayController.extend({  

    showNew: function() { 
    this.set('isNewVisible', true); 
    } 
}); 

./templates/stories/index.hbs:

<table> 
    <thead> 
    <tr> 
    <th>ID</th> 
    <th>Name</th> 
    </tr> 
    </thead> 
    <tbody> 
    {{#each stories}} 
     {{view Seanchai.ShowStoryView storyBinding="this"}} 
    {{/each}} 
    {{#if isNewVisible}} 
     <tr> 
     <td>*</td> 
     <td> 
      Test 
     </td> 
     </tr> 
    {{/if}} 
    </tbody> 
</table> 
<div class="commands"> 
    <a href="#" {{action showNew}}>New Story</a> 
</div> 

Если Я перемещаю действие в маршрутизатор, так оно и работает, но на основе документации выглядит так, что я должен это сделать в контроллере.

обновляемые ./router.js:

Seanchai.Router.map(function(){ 
    this.resource("stories", function(){ 
    this.route('new'); 
    }); 
}); 

Seanchai.StoriesRoute = Ember.Route.extend({ 
    model: function(){ 
    Seanchai.Story.find(); 
    }, 
    events: { 
    showNew: function() { 
     this.set('isNewVisible', true); 
    } 
    } 
}); 


Seanchai.Router.reopen({ 
    location: 'history' 
}); 

Очевидно, я что-то отсутствует, но я не уверен, что.

Answer 1

Я думаю, ваше showNew события не стрельбы на контроллер, потому что у вас есть stories.index шаблона, так что вы должны подключить к контроллеру корреспондента, который должен быть StoriesIndexController:

Seanchai.StoriesIndexController = Ember.ArrayController.extend({  
    showNew: function() { 
    this.set('isNewVisible', true); 
    } 
}); 

Надеется, что это помогает

Answer 2

Я думаю, что это должно быть:

Ember.ObjectController.extend({  

    showNew: function() { 
    this.set('isNewVisible', true); 
    } 

}); 

вместо:

Ember.ArrayController.extend({  

    showNew: function() { 
    this.set('isNewVisible', true); 
    } 
}); 

Это руководство может быть полезно - Ember.js - Templates.