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

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;
}

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