Javascript 角度材质材质材质选择空值在更改事件时触发2次

我有一个下拉代码，我使用了角材料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>

没有一个
{{country.name}

如果我从下拉列表中选择任何国家，onCountryChange（）将触发一次，但如果我将国家值更改为NoneonCountryChange（）将触发两次

有谁能帮上忙吗？我尝试过不同的方法来解决这个问题，但运气不好