angular - PrimeNg ui-float-label 在 react 形式 patchValue() 后不 float

Question

我已经 react 形式 为 创建和编辑操作 s。对于编辑，我只是​​ patchValue(data)在形式上，就像一个魅力，但 float 标签来自 PrimeNg InputText 组件 没有注意到有值填充 .当我单击其中一个输入然后对其进行模糊处理时，每个输入都会更新 View 并且所有标签都在顶部。




我尝试过更改检测( View 组件将其设置为 OnPush )，markAsDirty() , markAllAsTouched()即使但标签仍然超过输入值。不知道如何在其中一个控件上触发类似物理模糊的 smth(不想在 @ViewChild() 上的代码中触发它，因为它对我来说看起来是错误的解决方案。

任何想法如何解决这一问题？

Answer 1

作为一种解决方法，您可以在创建表单后检测 setTimeout 内的更改:

setTimeout(() => {
  this.cdr.markForCheck();
});

似乎我们需要在带有 float 标签的表单准备好后监听某些事件才能运行检测，但找不到任何合适的内容。