事件处理程序中的 preventDefault() 禁止更改检测
preventDefault() in Event Handler Suppresses Change Detection
我创建了一个属性指令，旨在与 HTML <input> 元素一起使用。在每次按键时，我希望禁用浏览器的默认行为并实现我自己的特殊行为。
因此，在我的指令中，我实现了一个 keydown 事件处理程序，我在传入的事件对象上调用 preventDefault()，并通过分配给 [=] 来设置 <input> 元素的值14=].
然而，这会产生意想不到的后果，即阻止对 <input> 元素值的更改传播到基础表单控件对象（即反应式表单）。
我在这里创建了这个问题的（有点做作的）最小复制：https://stackblitz.com/edit/angular9-directive-event-handler-issue
这只是工作用错工具的一个例子。
如果希望直接写入 DOM 中的原生元素并保持双向变化检测，则应实现 ControlValueAccessor 接口。
我创建了一个属性指令，旨在与 HTML <input> 元素一起使用。在每次按键时，我希望禁用浏览器的默认行为并实现我自己的特殊行为。
因此，在我的指令中，我实现了一个 keydown 事件处理程序，我在传入的事件对象上调用 preventDefault()，并通过分配给 [=] 来设置 <input> 元素的值14=].
然而，这会产生意想不到的后果，即阻止对 <input> 元素值的更改传播到基础表单控件对象（即反应式表单）。
我在这里创建了这个问题的（有点做作的）最小复制：https://stackblitz.com/edit/angular9-directive-event-handler-issue
这只是工作用错工具的一个例子。
如果希望直接写入 DOM 中的原生元素并保持双向变化检测，则应实现 ControlValueAccessor 接口。