title: Angular 2 Component with ngModel not updating parent model
body: <p>I am trying to create a wrapper component for inputs such as a checkbox but I cannot get the parent (inputValue) variable to change, even though it is set as an ngModel.</p>
  
  <p>This is my component definition:</p>
  
  <pre><code>@Component({
  selector: 'my-checkbox',
  inputs: ['inputValue', 'label'],    
  template: `
      &lt;div class="ui checkbox"&gt;
        &lt;input type="checkbox" name="example" [(ngModel)]="inputValue" (change)="onChange($event)"&gt;
        &lt;label&gt;{{label}}&lt;/label&gt;
      &lt;/div&gt;`
  })
  
  export class CheckboxComponent {    
  
  inputValue: boolean;
  
  onChange(event) {
      this.inputValue = event.currentTarget.checked;
      console.log(this.inputValue);
  }}
  </code></pre>
  
  <p>And I am using it like this in the parent view: </p>
  
  <pre><code>&lt;my-checkbox [inputValue]="valueToUpdate" [label]="'Test Label'"&gt;&lt;/my-checkbox&gt;
  </code></pre>
  
  <p>The console does log correctly and I can see that the internal (inputValue) is updating but not the external 'valueToUpdate' (the ngModel two-way binding is not updating correctly).</p>