title: Angular2: passing ALL the attributes to the child component
body: <p>Don't even know the proper terminology to explain this <em>problem</em></p>
  
  <p>so, imagine this scenario...</p>
  
  <p>There is a form-input-component and capturing some attributes and passing it down to the markup inside</p>
  
  <pre><code>&lt;form-input placeholder="Enter your name" label="First name" [(ngModel)]="name" ngDefaultControl&gt;&lt;/form-input&gt;
  </code></pre>
  
  <p>So, this is the markup, hope is pretty self explanatory...</p>
  
  <p>obviously in the ts I have</p>
  
  <pre><code>  @Input() label: string = '';
    @Input() placeholder: string = '';
  </code></pre>
  
  <p>and then in the view I have something down these lines</p>
  
  <pre><code>&lt;div class="form-group"&gt;
      &lt;label&gt;{{label}}
      &lt;input type="text" [placeholder]="placeholder" [(ngModel)] = "ngModel"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Now, all works fine so far...</p>
  
  <p>but let's say I want to add the validation rules around it...
  or add other attributes that I don't capture via <code>@Input()</code></p>
  
  <p>How can I pass down anything else that comes down from <code>&lt;form-input&gt;</code> to my <code>&lt;input&gt;</code> in the view?</p>