angularjs - 使用 AngularJS 绑定(bind)处理 IE 的清除按钮

Question

IE 在每个文本输入中都有一个“X”，它将清除输入。但是，当单击此按钮时，虽然它会清除文本框，但不会更新输入绑定(bind)到的 Angular 模型。

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

见 http://jsfiddle.net/p5x1zwr9/有关行为的示例。

见 http://youtu.be/LFaEwliTzpQ对于行为的视频。

我正在使用 IE 11。

编辑:似乎确实有淘汰赛的解决方案，但我不知道如何将其应用于 AngularJS: Handle IE 9 & 10's clear button with Knockout binding

更新: 乔纳森·桑普森 帮助我意识到这实际上在 1.3.6 之前的 AngularJS 版本中有效，所以这可能是一个新的 Angular 错误。

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

Answer 1

输入表单中的 X 按钮是 IE10+ 原生的，你不能对它做任何事情，只能用 CSS 隐藏它:

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

然后您可以创建自己的指令来模仿这种行为。只需创建一个跨度，将其放置在输入内并添加 ng-click 即可，这将清除输入的模型值。