使用AngularJS绑定处理IE的清除按钮

发布时间：2020-12-17 07:48:39 所属栏目：安全来源：网络整理

导读：IE在每个文本输入中都有一个“X”,将清除输入.但是,当单击此按钮时,它会清除文本框,它不会更新输入绑定的角度模型. input type="text" ng-model="name" / 有关行为的例子,请参见http://jsfiddle.net/p5x1zwr9/. 有关行为的视频,请参阅http://youtu.be/LFaEwl

IE在每个文本输入中都有一个“X”,将清除输入.但是,当单击此按钮时,它会清除文本框,它不会更新输入绑定的角度模型.

<input type="text" ng-model="name" />

有关行为的例子,请参见http://jsfiddle.net/p5x1zwr9/.

有关行为的视频,请参阅http://youtu.be/LFaEwliTzpQ.

我正在使用IE 11.

编辑：Knockout似乎有一个解决方案,但我不知道如何将它应用于AngularJS：Handle IE 9 & 10’s clear button with Knockout binding

更新：Jonathan Sampson帮助我意识到,这实际上在1.3.6之前的AngularJS版本中有效,所以这可能是一个新的角色错误.

更新：已打开问题：https://github.com/angular/angular.js/issues/11193

输入表单中的X按钮是IE10的本机,您不能做任何事情,但只能使用CSS隐藏它：

input[type=text]::-ms-clear {
   display: none;
}

那么你可以创建自己的指令来模仿这种行为.只需创建一个跨度,将其放在一个输入内,并添加点击它,这将清除输入的模型值.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!