javascript - 角度材料垫选择空值在更改事件上触发 2 次

Question

我有一个下拉代码，我使用了角度材料 6.4.1。

<mat-form-field floatLabel="never">
    <mat-select name="country" [formControl]="userForm['country']" 
                (selectionChange)="onCountryChange($event)">
        <mat-option [value]="null">
            None
        </mat-option>
        <mat-option *ngFor="let country of countries" [value]="country.id">
            {{country.name}}
        </mat-option>
    </mat-select>
</mat-form-field>

如果我从下拉列表中选择任何国家 onCountryChange() 将触发一次，但如果我将国家值更改为None onCountryChange() 将触发 2 次。

任何人都可以帮助解决这个问题，我尝试了不同的方法来解决它，但没有运气。

标签： javascriptangular7angular-material-6