使用 angular 表单组是否有获取表单事件流的方法

Question

我想在 angular 中的表单组绑定控件上每次发生模糊事件时执行一个操作。

我看过 onBlur 验证，它是一个选项。但我不想将表单控件更新事件限制为模糊。人们可以将光标留在输入中并使用键控件提交表单。

类似于可观察事件，我可以在其中获取表单组用于执行其内部控制的事件流。筛选类型（如果 'blur'）并调用我的函数将是理想的。

有这样的吗？

此外，我不想直接在模板中使用来自 DOM 元素的模糊绑定。制作和维护会增加很多额外的工作。

Answer 1

基本上在原版 JavaScript 中，您可以通过 addEventListener():

向该目标元素注册事件监听器

var formInputElement = document.getElementById("myForm");

formInputElement.addEventListener("focus", myFocusFunction);
formInputElement.addEventListener("blur", myBlurFunction):
formInputElement.addEventListener("focusin", myFocusFunction);
formInputElement.addEventListener("focusout", myBlurFunction);

这些函数将调用作为 listener（回调函数）传入的函数，用于 event-type（例如 myBlurFunction对于由 blur).

标识的事件类型

使用 angular 表单组是否有获取表单事件流的方法

With an angular form group is there a way of getting the forms event stream

angularjs