fix(change_detection): allow to destroy OnPush components inside of a host event.

tbosch · matsko · commit 280b86ec553e · 2016-02-18T17:54:24.000-08:00
diff --git a/modules/angular2/src/core/change_detection/change_detection_jit_generator.ts b/modules/angular2/src/core/change_detection/change_detection_jit_generator.ts
@@ -174,7 +174,7 @@ export class ChangeDetectorJITGenerator {
       var evalRecord = this._logic.genEventBindingEvalValue(eb, r);
       var markPath = this._genMarkPathToRootAsCheckOnce(r);
       var prevDefault = this._genUpdatePreventDefault(eb, r);
-      return `${evalRecord}\n${markPath}\n${prevDefault}`;
+      return `${markPath}\n${evalRecord}\n${prevDefault}`;
     } else {
       return this._logic.genEventBindingEvalValue(eb, r);
     }
diff --git a/modules/angular2/src/core/change_detection/dynamic_change_detector.ts b/modules/angular2/src/core/change_detection/dynamic_change_detector.ts
@@ -60,9 +60,11 @@ export class DynamicChangeDetector extends AbstractChangeDetector<any> {
       if (proto.isSkipRecord()) {
         protoIdx += this._computeSkipLength(protoIdx, proto, values);
       } else {
-        var res = this._calculateCurrValue(proto, values, locals);
         if (proto.lastInBinding) {
           this._markPathAsCheckOnce(proto);
+        }
+        var res = this._calculateCurrValue(proto, values, locals);
+        if (proto.lastInBinding) {
           return res;
         } else {
           this._writeSelf(proto, res, values);
diff --git a/modules/angular2/test/core/linker/integration_spec.ts b/modules/angular2/test/core/linker/integration_spec.ts
@@ -755,6 +755,30 @@ function declareTests() {
                             async.done();
                           })}));
 
+        if (DOM.supportsDOMEvents()) {
+          it("should allow to destroy a component from within a host event handler",
+             inject([TestComponentBuilder], fakeAsync((tcb: TestComponentBuilder) => {
+
+                      var fixture: ComponentFixture;
+                      tcb.overrideView(
+                             MyComp, new ViewMetadata({
+                               template: '<push-cmp-with-host-event></push-cmp-with-host-event>',
+                               directives: [[[PushCmpWithHostEvent]]]
+                             }))
+
+                          .createAsync(MyComp)
+                          .then(root => { fixture = root; });
+                      tick();
+                      fixture.detectChanges();
+
+                      var cmpEl = fixture.debugElement.children[0];
+                      var cmp: PushCmpWithHostEvent = cmpEl.inject(PushCmpWithHostEvent);
+                      cmp.ctxCallback = (_) => fixture.destroy();
+
+                      expect(() => cmpEl.triggerEventHandler('click', <Event>{})).not.toThrow();
+                    })));
+        }
+
         it('should not affect updating properties on the component',
            inject([TestComponentBuilder, AsyncTestCompleter],
                   (tcb: TestComponentBuilder, async) => {
@@ -1953,6 +1977,16 @@ class PushCmpWithRef {
   propagate() { this.ref.markForCheck(); }
 }
 
+@Component({
+  selector: 'push-cmp-with-host-event',
+  host: {'(click)': 'ctxCallback($event)'},
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: ''
+})
+class PushCmpWithHostEvent {
+  ctxCallback: Function = (_) => {};
+}
+
 @Component({
   selector: 'push-cmp-with-async',
   changeDetection: ChangeDetectionStrategy.OnPush,

Original file line number	Diff line number	Diff line change
`@@ -174,7 +174,7 @@ export class ChangeDetectorJITGenerator {`
`174`	`174`	`var evalRecord = this._logic.genEventBindingEvalValue(eb, r);`
`175`	`175`	`var markPath = this._genMarkPathToRootAsCheckOnce(r);`
`176`	`176`	`var prevDefault = this._genUpdatePreventDefault(eb, r);`
`177`		- return `${evalRecord}\n${markPath}\n${prevDefault}`;
	`177`	+ return `${markPath}\n${evalRecord}\n${prevDefault}`;
`178`	`178`	`} else {`
`179`	`179`	`return this._logic.genEventBindingEvalValue(eb, r);`
`180`	`180`	`}`