鼠标结束时输入字段更新

Question

我用嵌套字段制作了一个带角度的2模型驱动形式。 其中一个字段是数字字段，我使用jquery插件进行数字格式化。 当添加新的输入行时，我创建了一个初始化此插件的指令，但是当我添加新行时，必须将总计划分为所有行，这是一个数量。 我在模型中的一个函数中进行了这个划分，以更新formGroup中的字段。

我的问题是，视图显示每行的新值，但是，插件正在格式化此字段，浏览器仅显示当我将鼠标光标放在上面时格式化的字段。 似乎angular不会更新视图。

以下是一些关于发生什么的图片：

首先，当图层出现时，顶部的第一个字段未显示格式化，但它是。

以下是移动鼠标后的显示方式：

我添加了一些行，看看它们是如何显示的：

移动鼠标后：

Ps：不要告诉我“你不应该使用jquery with angular blah blah blah blah ......”。 我知道这一点，但我需要使用它。

Answer 1

我最好的猜测是你所做的改变是在Angular之外进行的，因此它的变化检测引擎并不知道这些变化。 强制执行此操作的一种简单方法是使用setTimeout

setTimeout(() => {
  // Code that modify model values go here
})