自定义验证器应返回ng-valid

Question

我正在使用带有自定义验证器的Angular 6反应形式来检查控件是否为空或是否应启用另一个控件。但是问题是我正在使用一个浮动标签，该标签已添加到ng-valid类中。

但是，当页面加载ng-invalid时，并且当我选择任何选项时，ng-invalid都会消失，但ng-valid不会应用。

控制元素：

<div class="col-md-6 col-xs-6">
  <div class="floating-label">
    <select class="floating-select" value="" formControlName="pmntMethod">
      <option [ngValue]="null"></option>
      <option *ngFor="let val of payMethod" [ngValue]="val">{{val}}</option>
    </select>
    <span class="highlight"></span>
    <label>Payment Method</label>
  </div>
</div>    

功能：

   refSearch = () => {
        //console.log("hello");
        if (this.form.controls['pmntMethod'].value != null || this.form.controls['pmntMethod'].value != "" || this.form.controls['pmntMethod'].value != undefined) {
            this.form.controls['refNumber'].enable();
        }
    }

活动表单控件：

pmntMethod: ['', Validators.required, this.refSearch],