title: Output function ('&') in AngularJS .component() not working
body: <p>I am working with angular 1.5.6 component. I am trying to use the output binding ('&amp;') but impossible to get it work. I have <a href="http://plnkr.co/edit/CJ70GPSoQ1WT0jiVkVPr" rel="nofollow">plunkered</a> my issue.</p>
  
  <p>Code for index.html :</p>
  
  <pre><code>&lt;body ng-app="MyApp"&gt;
    &lt;my-view&gt;&lt;/my-view&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>Code for the component for which I want to use output binding :</p>
  
  <pre><code>app.component('myInput', {
    template: [
      '&lt;div class="form-group"&gt;',
      '&lt;label&gt;{{$ctrl.label}}&lt;/label&gt;',
      '&lt;input placeholder="{{$ctrl.placeholder}}" class="form-control" ng-model="$ctrl.fieldValue"/&gt;',
      '&lt;/div&gt;'
    ].join(''),
    controller: function() {},
    bindings: {
      label: '@',
      placeholder: '@',
      fieldValue: '=',
      onUpdate: '&amp;'
    }
  });
  </code></pre>
  
  <p>Code for the parent component (output binding is done with the attribute on-update):</p>
  
  <pre><code>app.component('myView', {
    template: [
      '&lt;div class="container"&gt;',
      '    &lt;h2&gt;My form with component&lt;/h2&gt;',
      '    &lt;form role="form"&gt;',
      '      &lt;my-input on-update="$ctrl.updateParam()" label="Firstname" placeholder="Enter first name" field-value=$ctrl.intermediaryData.firstName &gt;&lt;/my-input&gt;',
      '    &lt;/form&gt;'
    ].join(''),
    controller: function() {
      var ctrl = this;
  
      ctrl.userData = {
        firstName: 'Xavier',
        lastName: 'Dupont',
        age: 25
      };
  
      ctrl.intermediaryData = {
        firstName: ctrl.userData.firstName,
        lastName: ctrl.userData.lastName,
        age: 25
      };
  
      function updateParam(){
        console.log("I have updated the component");
      }
    }
  });
  </code></pre>