title: Understanding Ember.Evented - how to listen on events triggered in a controller from a view?
body: <p>With a controller that uses the <code>Ember.Evented</code> mixin like so:</p>
  
  <pre><code>    var FoosController = Ember.ArrayContoller.extend(Ember.Evented, {
          /* ... */
  
          actions: {
              someAction: function() {
                  this.trigger('someActionMessage', 'bla bla');
              },
          },
      });
      export default FoosController;
  </code></pre>
  
  <p>I define the view that is active for this controller such that it listens
  for the <code>someActionMessage</code>, like so:</p>
  
  <pre><code>    var FoosView = Ember.View.extend({
          onSomeActionMessage: function() {
              console.log('FoosView onSomeActionMessage', arguments);
          }.on('controller.someActionMessage'),
      });
      export default FoosView;
  </code></pre>
  
  <p>... However, the <code>onSomeActionMessage</code> method never gets called.
  So I try something else, which seems equivalent, except more verbose (and messier).</p>
  
  <pre><code>    var FoosView = Ember.View.extend({
          onDidInsertElement: function() {
              var ctrl = this.get('controller');
              ctrl.on('someActionMessage', this, this.onSomeActionMessage);
          }.on('didInsertElement'),
  
          onSomeActionMessage: function() {
              console.log('FoosView onSomeActionMessage', arguments);
          },
      });
      export default FoosView;
  </code></pre>
  
  <p>This, on the other hand, works as expected.</p>
  
  <p>Why does the latter work, but not the former;
  why doesn't <code>.on()</code> work for my custom event like it does for <code>didInsertElement</code>?</p>