Unable to require directive in AngularJS 1.5 component : <p>I've created a directive which works perfectly fine. Now after bumping <code>angular</code> to <code>1.5.0</code>, I figured this directive is a typical example of what could be written using the new <code>.component()</code> notation.</p>

<p>For some reason, the <code>require</code> property no longer seems to work.</p>

<p>The following is a simplified example:</p>

<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>angular.module('myApp', [])

.component('mirror', {
  template: '&lt;p&gt;{{$ctrl.modelValue}}&lt;/p&gt;',
  require: ['ngModel'],
  controller: function() {
    var vm = this;
    var ngModel = vm.ngModel;
    
    ngModel.$viewChangeListeners.push(onChange);
    ngModel.$render = onChange;

    function onChange() {
      vm.modelValue = ngModel.$modelValue;
    }
  }
});</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.min.js"&gt;&lt;/script&gt;
&lt;div ng-app="myApp"&gt;
  &lt;input ng-model="someModel"/&gt;
  &lt;mirror ng-model="someModel"&gt;&lt;/mirror&gt;
&lt;/div&gt;</code></pre>
</div>
</div>
</p>

<p>I also tried using <code>require</code> as a simple string:</p>

<pre><code>...
require: 'ngModel'
...
</code></pre>

<p>and as an object:</p>

<pre><code>...
require: {
  ngModel: 'ngModel'
}
...
</code></pre>

<p>I've looked at the docs for <a href="https://code.angularjs.org/1.5.0/docs/api/ng/service/$compile">$compile</a> and <a href="https://code.angularjs.org/1.5.0/docs/guide/component">component</a>, but I can't seem to get it to work.</p>

<p>How can I require other directive controllers in an AngularJS 1.5 component?</p>
