angularJS中$watch监听不到输入控件(input、textarea)的空格输入问题

时间:2021-06-07 20:25:41

业务要求是用$watch监听input输入框的内容变化,从而实时改变下面的提示,写好后发现输入空格和回车并不会被监听。

先说解决办法:给input加上 ng-trim = "false" 。

原因:angular获取输入框的值时默认ng-trim="true"  他的作用是去除文本最后的空格(如果空格后面有非空文本,则空格会被保留),所以直接输入空格时,angular认为文本内容并没有发生改变,就不会触发监听事件了。