title: Angular 2, @Input getter/setter
body: <p>I'm working in an angular project, we also use angularjs components.</p>
  
  <p>Instead of using a @input variable, I wanted to use getter and setters, but came across the following bellow. I am curious to how, but am find it hard to find info on this.</p>
  
  <p>this works</p>
  
  <pre><code>&lt;foobar [(model)]="model"&gt;&lt;/foobar&gt;
  
  TS CODE:
      @Input() set model(value: any) {
          this._model= value;
          console.log('I am here:', value);
      }
      get model() {
          return this._model;
      }
  </code></pre>
  
  <p><strong>this doesn't</strong></p>
  
  <pre><code>&lt;foobar [(abc)]="model"&gt;&lt;/foobar&gt;
  
  TS CODE:
      @Input('abc') set model(value: any) {
          this._model= value;
          console.log('I am here:', value);
      }
      get model() {
          return this._model;
      }
  </code></pre>
  
  <p>Could you please explain to me why?</p>
  
  <p>Thanks</p>