title: angular 2 equivalent of vuejs v-bind
body: <p>As title implies i'm looking for a way to bind an object with multiple properties to component @Inputs without having to explicitly write all of them</p>
  
  <p>Let's say I have this object</p>
  
  <pre><code>let params = {
      delta: 0.2,
      theta: 2.3,
      sigma: 'foo',
  }
  </code></pre>
  
  <p>Instead of having to bind all of them individually like this</p>
  
  <pre><code>&lt;my-component
      [delta]="params.delta"
      [theta]="params.theta"
      [sigma]="params.sigma"/&gt;
  
  </code></pre>
  
  <p>I would like bind all of them at once.</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;my-component [someDirectiveIDontKnow]="params"/&gt;
  </code></pre>
  
  <p>How can i do this?</p>
  
  <p>Found a link to a previously asked <a href="https://stackoverflow.com/questions/49768116/how-to-bind-multiple-attributes-to-angular-5-component">question</a> but couldn't get that to work properly. </p>
  
  <p><strong>Edit:</strong>
  I'm not asking how to bind @Inputs. Imagine that the component I'm rendering has 40 @Inputs and I'm <strong>NOT allowed to rewrite it to just accept one @Input</strong> that could contain all the params.</p>
  
  <p>So writing a template that uses this component gets really ugly and big.</p>
  
  <pre><code>....
  &lt;my-component
    [param1]="params.param1"
    [param2]="params.param2"
    [param3]="params.param3"
    [param4]="params.param4"
    [param5]="params.param5"
    [param6]="params.param6"
    [param7]="params.param7"
    [param8]="params.param8"
    [param9]="params.param9"
    [param10]="params.param10"
    [param11]="params.param11"
    [param12]="params.param12"
    [param13]="params.param13"
    [param14]="params.param14"
    ... and so on ....
  /&gt;
  ....
  </code></pre>