title: Duplicate Identifier Error on Angular2 Component Input with Getters and Setters
body: <p>I have an Angular 2 component that uses the @Input class field decorator as well as getters and setters as follows:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import {Component, Input, Output, EventEmitter,FORM_DIRECTIVES, CORE_DIRECTIVES} from 'angular2/angular2';
  
  @Component({
      selector: 'binding-test3',
      templateUrl: './components/binding-test/binding-test3.html',
      directives: [CORE_DIRECTIVES,FORM_DIRECTIVES]
  })
  
  export class BindingTest3 {
  
      @Input() value: string;
      @Output() valueChange:EventEmitter = new EventEmitter();
  
      private _value: string;
  
      get value() {
          console.log('getting value in BindingTest3: ',this._value);
          return this._value;
      }
  
      set value(value) {
          console.log('setting value in BindingTest3: ',value);
          this._value = value;
          this.valueChange.next(value);
      }
  }</code></pre>
  </div>
  </div>
  </p>
  
  <p>The code runs correctly but there are three compiler errors:</p>
  
  <p>app/components/binding-test/binding-test3.ts(15,14): error TS2300: Duplicate identifier 'value'.
  app/components/binding-test/binding-test3.ts(20,9): error TS2300: Duplicate identifier 'value'.
  app/components/binding-test/binding-test3.ts(25,9): error TS2300: Duplicate identifier 'value'.</p>
  
  <p>Any ideas on how to solve this?</p>