FormControl valueChanges 未触发

Question

这段代码可能有什么问题？我看不到 valueChanges 被解雇了。

ngOnInit() {
    this.tagsSubscription = this.service.tags$.subscribe(...);
    this.createForm();
    this.service.getSupportedTags(new TagId('sometag')); 
    this.languageSelectorForm.get('tagsFilterCtrl').valueChanges
      .pipe(takeUntil(this._onDestroy))
      .subscribe(() => {
        console.log("received value chnage from filter control ");// I don't see the print and the mat-select object's value is `object Object`
        this.filterTags();
      });
  }


createForm() {
    this.languageSelectorForm = this.fb.group({
      tags: [null, Validators.required],
      tagsFilterCtrl:[null] //filter input shows here
    });
  }

过滤器控件被用作

<div id="mat-select-div">
          <mat-select id="language-selector" placeholder="Tags" class="selectpicker" formControlName="tags" [ngClass]="validateField(languageSelectorForm,'tags')" #singleSelect>

            <mat-option *ngIf="newSearch">Please select</mat-option> 
            <mat-option>
              <ngx-mat-select-search formControlName="tagsFilterCtrl"></ngx-mat-select-search>
            </mat-option>
            <mat-option *ngFor="let tag of filteredTags | async" [value]="tag">{{tag.subject}}</mat-option>
          </mat-select>
        </div>

Answer 1

问题不在于valuechanges。还有其他一些逻辑错误。但是，奇怪的是我在 valueChanges observable 中没有看到打印。