ion-datetime 选择完时间后监听事件
//Html
<ion-datetime (ngModelChange)="changeDate($event)"></ion-datetime>
//Ts
changeDate(ev: any){
console.log("当选择完时间后触发");
}
ion-input
1.失焦
//Html
<ion-input (ionBlur)="onBlur()"></ion-input>
//Ts
onBlur(){
console.log("当失去焦点时触发");
}
2.聚焦
//Html
<ion-input (ionFocus)="onFocus()"></ion-input>
//Ts
onFocus(){
console.log("当获取焦点触发");
}
3.当输入内容发生改变时触发
//Html
<ion-input (ionChange)="onchange()"></ion-input>
//Ts
onchange(){
console.log("当输入内容发生改变时触发");
}
4.输入一个字符后触发,每输入一个字符触发一次
//Html
<ion-input (oninput)="oninput()"></ion-input>
//Ts
oninput(){
console.log("在输入一个字符后触发");
}
ion-searchbar
1.输入值时触发 (输入空格也触发)
//Html
<ion-searchbar (ionInput)="getItems($event)"></ion-searchbar>
//Ts
getItems(ev:any){
console.log("输入值时触发");
}
2.在点击搜索框返回按钮时触发
//Html
<ion-searchbar [showCancelButton]="showSearchBar" (ionCancel)="onCancel($event)"></ion-searchbar>
//Ts
onCancel(ev:any){
console.log("在点击搜索框返回按钮时触发");
}
image
1.在图片加载成功时触发
//Html
<img src="pen.jpg" (load)="ImgLoad()"/>
//Ts
ImgLoad(){
console.log("在图片加载成功时触发");
}
2.在图片加载失败时触发
//Html
<img src="pen.jpg" (error)="ImgError()"/>
//Ts
ImgError(){
console.log("在图片加载失败时触发");
}
3.长按图片时触发
//Html
<img src="pen.jpg" (press)="deleteFile()"/>
//Ts
deleteFile(){
console.log("长按图片时触发");
}
ion-select 当选中的字段发生改变时触发
/Html
<ion-select [(ngModel)]="good1.Name" interface="popover" (ionChange)="ChangeGoods()">
<ion-option *ngFor="let good of dsGood" [value]="good.Name">{{good.Name}}</ion-option>
</ion-select>
//Ts
ChangeGoods(){
console.log("当选中的字段发生改变时触发");
}