为什么素材2自动完成受浏览器自动完成的干扰？

Question

我添加了以下

<mat-form-field id="recipe-form__nations" >
    <input type="text" matInput ngModel name="nation" placeholder="Nation" autocomplete="off" [matAutocomplete]="auto">
    <mat-autocomplete  #auto="matAutocomplete">
        <mat-option *ngFor="let nation of nationalities" [value]="">
            {{ nation }}
        </mat-option>
    </mat-autocomplete>
</mat-form-field>

然后当我点击输入时我看到

注意添加2个条目，选择我没有列出的选项时黄色突出显示？这不是有角度的材料2.其余的是（美国，法国等）。

尝试添加autocomplete="off"来解析名称的输入字段，但在这里没有帮助。