title: Bind component attribute to native attribute of an input
body: <p>I am new at Angular 2 and I have the following issue. I am trying to bind a component property to a native property of an input (maxlength) and I am not being able to do it.</p>
  
  <p>The code is the following:</p>
  
  <p>textbox.ts</p>
  
  <pre><code>@Component({
  selector: 'icb-textbox',
  inputs: [
      'placeholder',
      'mxlength',
      'enabled',
      'mandatory',
      'description',
      'type'],
  templateUrl: 'Common/Components/Textbox/textbox.html',
  styleUrls: ['Common/Components/Textbox/textbox.css']
  })
  export class Textbox {
  
      private placeholder: string;
      private mxlength: number;
      private enabled: boolean;
      private mandatory: boolean;
      private description: string;
      private type: string;
  }
  </code></pre>
  
  <p>textbox.html</p>
  
  <pre><code> &lt;input type="text" maxlength="{{mxlength}}" [(ngModel)]="value" placeholder="{{placeholder}}" [disabled]="!enabled"/&gt;
  </code></pre>
  
  <p>In the 'father' component:</p>
  
  <pre><code>&lt;icb-textbox placeholder="Name" 
                   mxlength="4" 
                   [mandatory]="false" 
                   [enabled]="true" 
                   description="Put your name"&gt;
  </code></pre>
  
  <p>The properties 'placeholder' and 'disabled' are working ok, but I can make maxlength work.
  I have tried with [maxlength] and I get this error: Can't bind to 'maxlength' since it isn't a known native property.</p>
  
  <p>Thank you.</p>