ionic+angular混合开发 你可能不知道的事情

1,(ngModelChange) 与(ionChange)区别。

angular中的ngModelChange和ionic控件自带的ionChange都是监听值改变的方法。但是ngModelChange在页面初始化时不会触发,而ionChange会触发。

2,ionic控件中的方法有执行顺序。

ionic控件中的方法有执行顺序,和class类似,在前面的会先执行。例子如下:

 <ion-datetime [(ngModel)]=pageData.list[field.key] (ngModelChange)=onChange(field,pageData.list[field.key]) class="ml-date-time"
                            displayFormat={{field.displayFormat}} placeholder="请选择" doneText='确认' min={{field.minDate}}
                            max={{field.maxDate}} cancelText='返回' [readonly]=field.unable (ionFocus)="focusInput(field)"  [ngClass]="{'ml-not-change': field.unable}">
</ion-datetime>

如果[(ngModel)]写在(ngModelChange)后面,则onChange事件无法取到pageData.list[field.key]的值。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容