Angular 加载组件时未调用角材料自动完成更改事件？

我使用了angular material（“@angular/material”：“7.1.0”）自动完成组件，然后我使用表单控件而不是ng模型，现在的问题是，当组件加载时，我无法获取自动完成更改事件。我在Ngonint方法上设置了自动完成组件的值，这一次我想根据自动完成值的变化调用一个方法

---

我在stackblitz上创建了一个代码，下面是链接：

您必须在

您必须在html中使用：

<form [formGroup]="myGroup">
<mat-form-field>
    <input type="text"
          matInput
          [matAutocomplete]="auto"
          formControlName="identifier">
    <mat-autocomplete #auto="matAutocomplete" (optionSelected)="onSelectionChange($event)" >
      <mat-option *ngFor="let animal of animals"
            [value]="animal.name">
        {{animal.name}}
      </mat-option>
    </mat-autocomplete>
  </mat-form-field>
</form>

---

希望我帮助过你，如果你需要帮助也可以随时问我

首先，你根本没有使用ngOnInit

其次，

ngModelChange

不适用于被动表单

您必须听取如下值更改：

this.myGroup
    .get('identifier').valueChanges.subscribe(value => console.log('Value changes'));

这是以反应形式倾听价值变化的标准方式

---

这是您的。

ngModelChange肯定适用于ReactiveFormsModule，如果您希望屏蔽电话号码等值，而您可能希望formcontrol的值与您屏蔽的值不同，并向用户显示，则它非常有用。。。在旧版本的Angular中没有。

this.myGroup
    .get('identifier').valueChanges.subscribe(value => console.log('Value changes'));