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 af90b3cfae..f4481bf61a 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
@@ -5,7 +5,7 @@
 <ion-grid>
   <ion-row>
     <ion-col>
-      <input id="stdTextInput" name="stdTextInput" [(ngModel)]="stdTextInput" (change)="change($event)" (blur)="onBlur($event)" />
+      <input id="stdTextInput" name="stdTextInput" [(ngModel)]="stdTextInput" />
     </ion-col>
     <ion-col>
       Entered Data: <span id="stdTextInputOutput">{{stdTextInput}}</span>
@@ -13,7 +13,7 @@
   </ion-row>
   <ion-row>
     <ion-col>
-      <ion-input id="ionTextInput" name="ionTextInput" [(ngModel)]="ionTextInput" (change)="change($event)" (ionBlur)="onBlur($event)"></ion-input>
+      <ion-input id="ionTextInput" name="ionTextInput" [(ngModel)]="ionTextInput"></ion-input>
     </ion-col>
     <ion-col>
       Entered Data: <span id="ionTextInputOutput">{{ionTextInput}}</span>
@@ -21,7 +21,7 @@
   </ion-row>
   <ion-row>
     <ion-col>
-      <input type="checkbox" id="stdCheckbox" name="stdCheckbox" [(ngModel)]="stdCheckbox" (change)="change($event)" (blur)="onBlur($event)"/>
+      <input type="checkbox" id="stdCheckbox" name="stdCheckbox" [(ngModel)]="stdCheckbox" (blur)="onBlur($event)"/>
     </ion-col>
     <ion-col>
       Entered Data: <span id="stdCheckboxOutput">{{stdCheckbox}}</span>
@@ -29,7 +29,7 @@
   </ion-row>
   <ion-row>
     <ion-col>
-      <ion-checkbox id="ionCheckbox" name="ionCheckbox" [(ngModel)]="ionCheckbox" (ionChange)="change($event)" (blur)="onBlur($event)"></ion-checkbox>
+      <ion-checkbox id="ionCheckbox" name="ionCheckbox" [(ngModel)]="ionCheckbox" (ionBlur)="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 f4614169e1..82c50f94dd 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
@@ -24,6 +24,11 @@ export class IonCheckboxValueAccessorDirective implements ControlValueAccessor {
     this.onChange(value);
   }
 
+  @HostListener('ionBlur')
+  _handleBlurEvent() {
+    this.onTouched();
+  }
+
   registerOnChange(fn: (value: any) => void): void {
     this.onChange = fn;
   }
diff --git a/packages/angular/demo/src/app/shared/ion-input-value-accessor.directive.ts b/packages/angular/demo/src/app/shared/ion-input-value-accessor.directive.ts
index 6cac97d830..13013c2570 100644
--- a/packages/angular/demo/src/app/shared/ion-input-value-accessor.directive.ts
+++ b/packages/angular/demo/src/app/shared/ion-input-value-accessor.directive.ts
@@ -26,7 +26,7 @@ export class IonInputValueAccessorDirective implements ControlValueAccessor {
     this.onChange(value);
   }
 
-  @HostListener('blur')
+  @HostListener('ionBlur')
   _handleBlurEvent() {
     this.onTouched();
   }