From 17862880a9f36f0525b9b82b74ae2420d28461cf Mon Sep 17 00:00:00 2001
From: Ken Sodemann <ken@ionic.io>
Date: Thu, 16 Nov 2017 10:48:28 -0600
Subject: [PATCH] fix(demo): respond to custom events

---
 packages/angular/demo/e2e/inputs.po.ts                    | 8 ++++++++
 .../demo/src/app/inputs/inputs-test-page.component.html   | 4 ++--
 .../app/shared/ion-checkbox-value-accessor.directive.ts   | 2 +-
 3 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/packages/angular/demo/e2e/inputs.po.ts b/packages/angular/demo/e2e/inputs.po.ts
index 1643f3ad37..165985d22a 100644
--- a/packages/angular/demo/e2e/inputs.po.ts
+++ b/packages/angular/demo/e2e/inputs.po.ts
@@ -16,4 +16,12 @@ export class InputsPage {
   getIonicTextInputOutputText() {
     return element(by.id('ionTextInputOutput')).getText();
   }
+
+  getIonicCheckbox() {
+    return element(by.id('ionCheckbox'));
+  }
+
+  getIonicCheckboxOutputText() {
+    return element(by.id('ionCheckboxOutput')).getText();
+  }
 }
diff --git a/packages/angular/demo/src/app/inputs/inputs-test-page.component.html b/packages/angular/demo/src/app/inputs/inputs-test-page.component.html
index bed1bc2f7a..af90b3cfae 100644
--- a/packages/angular/demo/src/app/inputs/inputs-test-page.component.html
+++ b/packages/angular/demo/src/app/inputs/inputs-test-page.component.html
@@ -13,7 +13,7 @@
   </ion-row>
   <ion-row>
     <ion-col>
-      <ion-input id="ionTextInput" name="ionTextInput" [(ngModel)]="ionTextInput" (change)="change($event)" (blur)="onBlur($event)"></ion-input>
+      <ion-input id="ionTextInput" name="ionTextInput" [(ngModel)]="ionTextInput" (change)="change($event)" (ionBlur)="onBlur($event)"></ion-input>
     </ion-col>
     <ion-col>
       Entered Data: <span id="ionTextInputOutput">{{ionTextInput}}</span>
@@ -29,7 +29,7 @@
   </ion-row>
   <ion-row>
     <ion-col>
-      <ion-checkbox id="ionCheckbox" name="ionCheckbox" [(ngModel)]="ionCheckbox" (change)="change($event)" (blur)="onBlur($event)"></ion-checkbox>
+      <ion-checkbox id="ionCheckbox" name="ionCheckbox" [(ngModel)]="ionCheckbox" (ionChange)="change($event)" (blur)="onBlur($event)"></ion-checkbox>
     </ion-col>
     <ion-col>
       Entered Data: <span id="ionCheckboxOutput">{{ionCheckbox}}</span>
diff --git a/packages/angular/demo/src/app/shared/ion-checkbox-value-accessor.directive.ts b/packages/angular/demo/src/app/shared/ion-checkbox-value-accessor.directive.ts
index 2f36be791e..f4614169e1 100644
--- a/packages/angular/demo/src/app/shared/ion-checkbox-value-accessor.directive.ts
+++ b/packages/angular/demo/src/app/shared/ion-checkbox-value-accessor.directive.ts
@@ -19,7 +19,7 @@ export class IonCheckboxValueAccessorDirective implements ControlValueAccessor {
     this.renderer.setProperty(this.element.nativeElement, 'checked', value);
   }
 
-  @HostListener('change', ['$event.target.checked'])
+  @HostListener('ionChange', ['$event.target.checked'])
   _handleIonChange(value: any) {
     this.onChange(value);
   }