无需等待即可将预设值发送到指令

Question

我为此感到非常痛苦，我相信我别无选择google。

我有一个输入字段，当组件加载时它有一个预设值。该值是组的名称，因此在不同的组上是不同的：

基本上 this.el.nativeElement 在加载时不存在，并且与 ngOnInit 处于不同的生命周期中。我可以用 setTimeout 解决这个问题，因为它等待值存在，但这是一个猜测。

 <input type="text" 
        id="name"
        formControlName="name"
        appPlaceholder
        required>

我有一个指令需要知道输入端是否有预设值。因为有时候建群没有人

我遇到的问题是我必须使用 setTimeout 等待 1 秒以便组件加载 NgInit 上的值：

setTimeout(() => {
  this.activeStateCheck(this.el.nativeElement);
}, 1000);

这并不是一个理想的解决方案，我更希望属性指令等待数据加载到输入中，然后 运行 我的函数。

我看过的东西：

• 我调查了一些输入，但没有成功

• 我研究过订阅 valueChange 但这似乎只发生在 用户实际上更改了输入。

• 我已经设置了 setTimeout 谈到。

• 也使用了很多生命周期钩子，比如 ngAfterViewInit。

寻找一个很好的例子和解释为什么我需要等待数据显示而不是直接获取 nativeElement。

Answer 1

试试这个解决方案：

看起来和你需要的很相似。