IONIC 各种标签的触发事件积累（未完待续.....）

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("当选中的字段发生改变时触发");
}

 

 

 

 

 

 

 

未完待续......