Question

I used Ember.ready function to add some keyboard binding like this https://github.com/greggyNapalm/firebat-overlord/blob/master/web_static/static/js/app/app.js#L24 is there any proper way to do this in new version, asking because can’t anymore call method by its name?

Answer 1

The best place to do this sort of thing is from the view. Based on your example the appropriate view in this case is probably TestsView. From there you can bind and unbind keyboard bindings when the view is inserted/removed. For example:

var TestsView = Ember.View.extend({
    templateName:  'testsTemplate',
    didInsertElement: function() {
       console.log("Controller: " + this.get('controller').toString());
       var self = this;
       Mousetrap.bind('ctrl+right', function() {

         self.get('controller').goToPage('next');
       });
    },
    wilLRemoveElement: function() {
       Mousetrap.unbind('ctrl+right');
    }
});

To see what controller is set to, try adding console.log("Controller: " + self.get('controller').toString());