title: Angular 2 inputs properties are not binding correctly
body: <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>