Angular 2 – 为什么不能注销输入值

我有一个指令,基本上将一个类添加到输入字段的父元素.在加载时我需要检查输入字段是否有值,你认为这很简单……

我现在使用了一些不同的选项,包括ngOnInit,AfterContentInit和AfterViewInit.但对于下面我仍然在AfterContentInit：

ngAfterContentInit() {
  console.log(this.el.nativeElement); // Element Object "Value is not empty if you look inside the object."
  console.log(this.el.nativeElement.value); // = ''

  setTimeout(() => {
    console.log(this.el.nativeElement.value); // = 'The Value!'
  },1000);

  this.activeStateCheck(this.el.nativeElement);
}

activeStateCheck(element) {
  if (element.value !== '') {
    element.parentElement.classList.add('active');
    return true;
  }
}

我应该指出,所有选项都会给出相同的结果.

第一个控制台注销一个空字符串,第二个控制台注销实际字符串.在这种情况下,它是’大巡回赛’.

我的问题是如何在不使用setTimeout的情况下执行此操作？

它似乎必须等待数据加载到页面上才能记录该值.但是我的印象是OnInit是要等待这个完成的？

我想找到更好的解决方案的原因是因为如果页面加载时间超过一秒,那么控制台日志将输出一个空字符串,因此不是一个完整的解决方案.

这是被调用指令的一个例子.注意appPlaceholder属性：

<fieldset class="form__placeholder">
    <input type="text" 
            id="lastName" 
            formControlName="lastName" 
            appPlaceholder>
    <label for="lastName"
           class="form__placeholder--label">
      Lastname:
    </label>
</fieldset>