zoukankan      html  css  js  c++  java
  • Input, Change, ngModelChange事件的区别

    Input 和 change事件是html原生的事件。ngModelChange是Angular 2+ 里面的事件。

    那么这三个事件有什么区别呢?

    案例演示:

    <input type="text" style=" 100px; height: 34px;" (input)="onInput()">
    <input type="text" style=" 100px; height: 34px;" (change)="onChange()">
    <input type="text" style=" 100px; height: 34px;" [(ngModel)]="inputStr" (ngModelChange)="onNgModelChange()">

    触发条件:

    • Input: 输入字符时触发(不包含功能性按键, enter, control 等)
    • Change: 失去焦点且当前的值跟上次触发的值不同  或者  enter键被触发且当前的值跟上次触发的值不同
    • ngModelChange: 它的触发条件和input事件的触发条件是一样的,只是它需要和 [(ngModel)] 配合使用
    每天一点点
  • 相关阅读:
    JAVA读取properties
    nginx默认语法
    csp-s模拟45
    csp-s模拟44
    noip模拟测试42
    noip模拟测试40
    noip模拟测试21
    noip模拟测试20
    noip模拟测试19
    noip模拟测试18
  • 原文地址:https://www.cnblogs.com/juliazhang/p/11158518.html
Copyright © 2011-2022 走看看