title: binding controller object to a component in ember
body: <p>I am trying to build a modal box component in ember. The modal box has two standard buttons, "close" and "save". I wanted to pass controller action to this component so that when save button is clicked, it calls the controller action that was passed. I call my component as :</p>
  
  <pre><code> {{#affi-modal-box title="Test title" modalId="createNewAnalyticsRunModal" controllerBinding=controller}}some message{{/affi-modal-box}}
  </code></pre>
  
  <p>and my component :</p>
  
  <pre><code>AS.AffiModalBoxComponent = Ember.Component.extend({
  attributeBindings: ['modelId','test'],
      //this is the function that gets called when save button is clicked 
      onSaveButtonClick : function(){
  
          console.log(this.controllerFor('analysisTemplates'));//fails
          console.log(this.get('controller'));//returns modal box component which I don't need 
      }
  </code></pre>
  
  <p>});</p>
  
  <p>Any ideas how I can pass the controller object to the component??</p>
  
  <p>Thanks.</p>