Angular 2 binding to maxlength of input or texarea : <p>I can render the following Angular 2 component containing an input with a maxlength set:</p>

<pre><code>@Component({
  selector: 'app',
  template: '&lt;input maxlength="10"&gt;',
})
export class App {
}
</code></pre>

<p>This works fine. However, if I try to set the maxlength via a binding, like this:</p>

<pre><code>@Component({
  selector: 'app',
  template: '&lt;input [maxlength]="maxLength"&gt;',
})
export class App {
    maxLength = 10;
}
</code></pre>

<p>Or like this:</p>

<pre><code>  template: '&lt;input maxlength="{{maxLength}}"&gt;',
</code></pre>

<p>I get the following error:</p>

<pre><code>"Template parse errors: Can't bind to 'maxlength' since it isn't a known property of 'input'."
</code></pre>

<p>Why? <code>maxlength</code> is a perfectly valid property of an input control.</p>

<p>Here's a <a href="http://plnkr.co/edit/cxb10urctYezQUuPGyTj?p=preview" rel="noreferrer">live example</a> (open console to see error).</p>
