title: *ngIf is not working when used inside a template tag
body: <p>We are using *ngIf inside the template tag of Angular 2, after that if we fire a click event from inside the template control then the HTML inside the template gets deleted or changes.</p>
  
  <p>This is the repeater control I am using,</p>
  
  <pre class="lang-ts prettyprint-override"><code>@Component({
  selector: "repeater",
  template:
  
  `
      &lt;div *ngIf='children'&gt;
          &lt;div *ngFor='let current of source'&gt;
              &lt;template [ngTemplateOutlet]="children._results[0]" OutletContext]="{ item: current }"&gt;
              &lt;/template&gt;
           &lt;/div&gt;
      &lt;/div&gt;`
  })
  
  export class Repeater {
      @ContentChildren(TemplateRef)
      children: QueryList&lt;TemplateRef&lt;any&gt;&gt;
  
      @Input()
      source: Array&lt;any&gt;;
  }
  </code></pre>
  
  <p>Here is my app-component code</p>
  
  <pre class="lang-ts prettyprint-override"><code>@Component({
    selector: 'my-app',
    template: `&lt;repeater [source]="dllApprovalStatus"&gt;
            &lt;template let-data="item"&gt;
           {{data.name}}
                &lt;p *ngIf='data.name==1' (click)='myclick(data.name)'&gt; Array value {{data.name}}&lt;/p&gt;
            &lt;/template&gt;
          &lt;repeater&gt;`,
  })
  export class App {
    name:string;
     dllApprovalStatus: any = [{ name: 1 }, { name: 1 }, { name: 0 }];
     constructor() {
      this.name = 'Angular2'
    }
  
     myclick(data: any) {
  
     alert(data);
    }
  }
  </code></pre>
  
  <p>Here I have also made a plunker repo <a href="http://plnkr.co/edit/XHZz52?p=preview" rel="nofollow noreferrer">http://plnkr.co/edit/XHZz52?p=preview</a>.</p>
  
  <p>Here if you click on the array list of the output, the template will change.
  This was working fine in Angular 2 rc4 but we have upgraded to Angular2 ~2.2</p>