title: Angular 'ngModelOptions' usage with 'input' results in template parse error
body: <p>The purpose of using ngModelOptions with input was to disallow invalid values added to model object as part of 2 way binding.Below is code snippet:</p>
  
  <pre><code>&lt;input type="text" class="form-control" id="xx" [formControl]="dob" 
  placeholder="00/00/0000" [ngModelOptions]="{allowInvalid: false}" 
  [(ngModel)]="xx.dob" minlength="10" maxlength="10" /&gt; 
  </code></pre>
  
  <ul>
  <li><p>error on browser console:<br>
  compiler.es5.js:1690 Uncaught Error: Template parse errors:
  Can't bind to 'ngModelOptions' since it isn't a known property of 'input'.</p></li>
  <li><p>question: <br>
  In order to disallow invalid values binding to ngModel is this the correct approach used above ? Is usage of ngModelOptions allowed in angular? Also I know (ngModelChange) could be used to  set only valid values to model object. But I was trying to achieve this with two way binding [(ngModel)] and [ngModelOptions]. Also I could use formControl's valuechanges to achieve the said behaviour but due to some reason we are using [(ngModel)] approach. We are using Angular4.x <br>
  Also I am new to Angular so please correct me if my understanding is wrong.</p></li>
  </ul>