Angular 2 inputs properties are not binding correctly
<p>My final goal is to build a component to wrap Google Map. A google map object has lots of options.</p>

<p>In Angular1, I read attributes to build a map object options.</p>

<p>With Angular2, I want to do it differently to use properties binding using <code>inputs</code>, so that I can achieve one way or two-way binding.</p>

<p>As a first step, with this plunker, <a href="https://plnkr.co/edit/PXg79x?p=preview" rel="nofollow">https://plnkr.co/edit/PXg79x?p=preview</a>, I tried to read many properties from html and I have set inputs for multiple options. e.g., a, b, c, d, e, f</p>

<pre><code>@Component({
  selector: 'my-app',
  providers: [],
  inputs: ['a', 'b', 'c', 'd', 'e', 'f'],
  template: `
    &lt;div&gt;
      &lt;h2&gt;Hello {{name}}&lt;/h2&gt;
      inputs: {{inputs | json}} &lt;br/&gt;
      a:{{a}}, b:{{b}}, c:{{c}}, d:{{d}}, e:{{e}}, f:{{f}}
    &lt;/div&gt;
  `,
  directives: []
})
export class App {
  constructor() {
    this.name = 'Angular2 (Release Candidate!)';
  }
}
</code></pre>

<p>and I used in html like this.</p>

<pre><code>  &lt;my-app [a]="1" [b]="2" [c]="3" [d]="4" [e]="5" [f]="6"&gt;
    loading...
  &lt;/my-app&gt;
</code></pre>

<p>I was expecting that I see <code>a:1, b:2, c:3, d:4..</code> and so on.</p>

<p>But instead, I see <code>a:, b:, c:, d:, e:..</code></p>

<p>What am I doing wrong here?</p>

<p>---- EDIT ----<br>
Also, I don't expect the answer, but if someone can tell me that I can define these inputs dynamically with or without defining <code>inputs</code> or <code>@Input</code>, it would be very appreciated. </p>