Обработчики действий, реализованные непосредственно на контроллерах, устарели - как это исправить?

Я только что обновил с ember.js RC7 до RC8 и обнаружил, что простой шаблон (показано ниже) будет вызывать устаревшее предупреждение

"Обработчики действий, реализованные непосредственно на контроллерах, устарели"

{{input class="firstName" type="text" placeholder="first name" value=firstName }}                                      
{{input class="lastName" type="text" placeholder="last name" value=lastName }}                                         
<button class="submit" {{action addPerson}}>Add</button>                                                               
<br />                                                                                                                 
<table>                                                                                                                
{{#each person in controller}}                                                                                         
<tr>                                                                                                                   
  <td class="name">{{person.fullName}}</td>                                                                            
  <td><button class="delete" {{action deletePerson person}}>Delete</button></td>                                       
</tr>                                                                                                                  
{{/each}}                                                                                                              
</table>

Как мне изменить приведенный выше шаблон, чтобы исправить это?

Ответ 1

Похоже, мне просто нужно показать PR, который изменил это:)

В моем контроллере мне просто нужно было переместить addPerson/deletePerson под действия вроде этого

App.PeopleController = Ember.ArrayController.extend({                                                                  
    actions: {                                                                                                         
        addPerson: function() {                                                                                        
            var person = {                                                                                             
                firstName: this.get('firstName'),                                                                      
                lastName: this.get('lastName')                                                                         
            };                                                                                                         
            App.Person.add(person);                                                                                    
        },                                                                                                             
        deletePerson: function(person) {                                                                               
            App.Person.remove(person);                                                                                 
        }                                                                                                              
    }                                                                                                                  
});

Ответ 2

Вы должны определить свои действия внутри хеша actions в контроллерах, представлениях и маршрутах в целях обеспечения согласованности.

Обратитесь к https://github.com/emberjs/ember.js/pull/3091

Демо-скрипт

App.ApplicationController = Em.ObjectController.extend({
  actions : {
   // your actions here
  }       
});