title: Consuming multiple properties via Input decorator in angular 2
body: <p>I have this component that receives two inputs via its selector, but this can be extended to any number of inputs and any component. So, in quest of consuming multiple properties in the component itself a single <code>@Input()</code> decorator did not allow me to consume multiple properties, so as a workaround I used two decorators for two input properties but I don't think this would be the only way to tackle such a scenario. </p>
  
  <pre><code>export class AsyncComponent {
       @Input() waitFor: boolean;
       @Input() message: string; // TODO: Verify if multiple inputs are needed for multiple props
   }
  </code></pre>
  
  <p><strong>Update</strong></p>
  
  <pre><code>&lt;app-async [waitFor]="true" message="foo"&gt;&lt;app-async&gt;
  </code></pre>
  
  <p>So, is is possible with any other way to just use a single decorator for any number of input props? If there are more props that I am passing other than <code>waitFor</code> and <code>message</code> would I have to do the following for each prop.</p>
  
  <pre><code> @Input() waitFor: boolean;
   @Input() message: string;
   @Input() someOtherProp: string;
   ....
  </code></pre>
  
  <p>Or is there any other way to just have one <code>Input</code> decorator and consume any number of properties?</p>