title: Component variable change not updated in view until mouseover in Angular 2
body: <p>After updating from angular2-alpha to the latest version, the changes of a boolean are not updating a *ngIf until certain actions are performed.</p>
  
  <p>Here is the component in question: </p>
  
  <pre><code>declare var CKEDITOR: any;
  export class FieldComponent {
  
   @Input() field: any = {};
   ckeditor: any;
   editable: boolean = false;
  
   constructor(){
  
    this.switchToUnEditable();
  
    this.listenForEvent("FieldEditableEvent", (data) =&gt; {
      this.switchToEditable();
    });
  
   }
  
   switchToEditable(){
    this.ckeditor.destroy();
    this.ckeditor = CKEDITOR.replace(this.field.id);
    this.editable = true;
   }
  
  switchToUnEditable() {
    if(this.ckeditor) {
     this.ckeditor.destroy();
    }
    this.ckeditor = CKEDITOR.replace(this.field.id, {
     toolbar: []
    })
    this.editable = false;
   }
  
  
  
  }
  </code></pre>
  
  <p>And here is the template for this component: </p>
  
  <pre><code>&lt;div *ngIf="editable" class="green-background white-text unlocked"&gt;
    This field is unlocked!
    &lt;button (click)="switchToUnEditable()"&gt; 
     Save and close. 
    &lt;/button&gt;
  &lt;/div&gt;
  &lt;div *ngIf="!editable" class="red-background white-text locked"&gt;
    This field is locked!
  &lt;/div&gt;
  &lt;textarea [attr.name]="field.id" [(ngModel)]="field.value"&gt;  
  &lt;/textarea&gt;
  </code></pre>
  
  <p>This used to work perfectly fine before the update - now I have to mouseover the button inside the div to get the *ngIf to be applied in the view. </p>
  
  <p>Alternatively, I can perform an event further up the component tree and the *ngIf will be applied at that point also. For example, opening the side-nav changes the view from <em>locked</em> to <em>unlocked</em>. </p>
  
  <p>Is this the correct change detection to be expected in Angular 2 - If so, how do I make the user aware that the field is <em>locked</em> or <em>unlocked</em> before they perform an event that updates the view.</p>