fix(compiler): support lifecycle hooks in compiler_cli

modules/@angular/compiler_cli/integrationtest/src/basic.html

@@ -1,3 +1,4 @@
 <div>{{ctxProp}}</div>
 <form><input type="button" [(ngModel)]="ctxProp"/></form>
-<my-comp *ngIf="ctxBool"></my-comp>
+<my-comp *ngIf="ctxBool"></my-comp>
+<div *ngFor="let x of ctxArr" [attr.value]="x"></div>

modules/@angular/compiler_cli/integrationtest/src/basic.ts

@@ -1,5 +1,5 @@
 import {Component, Inject} from '@angular/core';
-import {FORM_DIRECTIVES, NgIf} from '@angular/common';
+import {FORM_DIRECTIVES, NgIf, NgFor} from '@angular/common';
 import {MyComp} from './a/multiple_components';
 
 @Component({
@@ -7,10 +7,11 @@ import {MyComp} from './a/multiple_components';
   templateUrl: './basic.html',
   styles: ['.red { color: red }'],
   styleUrls: ['./basic.css'],
-  directives: [MyComp, FORM_DIRECTIVES, NgIf]
+  directives: [MyComp, FORM_DIRECTIVES, NgIf, NgFor]
 })
 export class Basic {
   ctxProp: string;
   ctxBool: boolean;
+  ctxArr: any[] = [];
   constructor() { this.ctxProp = 'initialValue'; }
 }

modules/@angular/compiler_cli/integrationtest/test/basic_spec.ts

@@ -28,7 +28,14 @@ describe("template codegen output", () => {
     expect(fs.readFileSync(dtsOutput, {encoding: 'utf-8'})).toContain('Basic');
   });
 
-  it("should be able to create the basic component and trigger an ngIf", () => {
+  it("should be able to create the basic component", () => {
+    const appInjector = ReflectiveInjector.resolveAndCreate(BROWSER_APP_STATIC_PROVIDERS,
+                                                            browserPlatform().injector);
+    var comp = BasicNgFactory.create(appInjector);
+    expect(comp.instance).toBeTruthy();
+  });
+
+  it("should support ngIf", () => {
     const appInjector = ReflectiveInjector.resolveAndCreate(BROWSER_APP_STATIC_PROVIDERS,
                                                             browserPlatform().injector);
     var comp = BasicNgFactory.create(appInjector);
@@ -40,4 +47,19 @@ describe("template codegen output", () => {
     expect(debugElement.children.length).toBe(3);
     expect(debugElement.children[2].injector.get(MyComp)).toBeTruthy();
   });
+
+  it("should support ngFor", () => {
+    const appInjector = ReflectiveInjector.resolveAndCreate(BROWSER_APP_STATIC_PROVIDERS,
+                                                            browserPlatform().injector);
+    var comp = BasicNgFactory.create(appInjector);
+    var debugElement = <DebugElement>getDebugNode(comp.location.nativeElement);
+    expect(debugElement.children.length).toBe(2);
+
+    // test NgFor
+    comp.instance.ctxArr = [1, 2];
+    comp.changeDetectorRef.detectChanges();
+    expect(debugElement.children.length).toBe(4);
+    expect(debugElement.children[2].attributes['value']).toBe('1');
+    expect(debugElement.children[3].attributes['value']).toBe('2');
+  });
 });