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 @@
-
+
Entered Data: {{ionTextInput}}
@@ -29,7 +29,7 @@
-
+
Entered Data: {{ionCheckbox}}
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);
}