Angular 1.5 component with ng-model : <p>Is it possible to use ng-model with a component? I would like to bind a scope variable to a component with ng-model. I have <a href="http://plnkr.co/edit/72XTUweimR2fzXg35xet?p=preview">plunkered my issue</a>. I would like the component my-input to be binded to the variable from the scope userData.name.</p>

<p>I am using Angular JS 1.5.6 components, and want to avoid using directive.</p>

<pre><code>&lt;body ng-controller="MyCtrl"&gt;
  &lt;div class="container"&gt;
    &lt;h2&gt;My form with component&lt;/h2&gt;
    &lt;form role="form"&gt;
      &lt;div class="form-group"&gt;
        &lt;label&gt;First name&lt;/label&gt;
        &lt;my-input placeholder="Enter first name" ng-model="userData.name"&gt;&lt;/my-input&gt;
      &lt;/div&gt;
    &lt;/form&gt;
  &lt;/div&gt;
&lt;/body&gt;
</code></pre>
