除非单击 ng-select，否则不会刷新 Angular ng-select 值

Question

我正在尝试使用表单 valuechanges 根据其他字段值设置 ng-select 的值。 该值已设置但不显示，直到我单击 ng-select 框。 bindLabel 没有被刷新。

<ng-select [items]="routes$ | async" bindLabel="combinedRoute" formControlName="route">
    <ng-template ng-typetosearch-tmp>
        <div class="ng-option disabled">
           Type route...
        </div>
    </ng-template>
    <ng-template ng-notfound-tmp let-searchTerm="searchTerm">
        <div class="ng-option disabled">
            No routes found for "{{searchTerm}}"
        </div>
    </ng-template>
    </ng-select>

组件：

deptCtrl.valueChanges.subscribe(data=> {
        let routeCtl = this.form.get('route');
        routeCtl .setValue(data);
  });

谁能帮助解决这个问题？

谢谢

Answer 1

您可以使用updateValueAndValidity 方法，就像它具有价值但更改检测没有检测到。

deptCtrl.valueChanges.subscribe(data=> {
        let routeCtl = this.form.get('route');
        routeCtl .setValue(data);
        this.form.controls["route"].updateValueAndValidity(); // update value and validity.
  });

另一种方法。手动拨打changeDetection。

constructor(cd:ChangeDetectionRef){}

deptCtrl.valueChanges.subscribe(data=> {
        let routeCtl = this.form.get('route');
        routeCtl .setValue(data);
        this.cd.detectChanges(); //Detect changes
  });