javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-08 23:58:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(demo): respond to custom events

Browse Source
This commit is contained in:
Ken Sodemann
2017-11-16 10:48:28 -06:00
parent c23e2f717c
commit 17862880a9
3 changed files with 11 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/angular/demo/e2e/inputs.po.ts
View File

@ -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();
}
}

4
packages/angular/demo/src/app/inputs/inputs-test-page.component.html
View File

@ -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>

2
packages/angular/demo/src/app/shared/ion-checkbox-value-accessor.directive.ts
View File

@ -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);
}