禁用角材料自动完成组件上的chrome默认自动完成

时间:2020-07-07 00:26:54

标签: angular

我想知道当我们使用角度材质自动完成组件时如何禁用chrome默认自动完成功能。 这是我尝试过的简单代码段,但没有用。

<mat-form-field class="snippet-select">
        <input type="text"
               placeholder="Snippets"
               aria-label="Snippets"
               autocomplete="new-password"
               matInput
               [formControl]="createReportForm.controls['snippets']"
               [matAutocomplete]="auto">
        <mat-autocomplete autoActiveFirstOption #auto="matAutocomplete">
          <mat-option class="snippet-option" *ngFor="let snippet of filteredSnippets | async" 
                  [value]="snippet.name">
            <div class='option-name'><strong>{{snippet.name}}</strong></div>
            <div class='option-content'>{{snippet.plain_content}}</div>
            <div class='option-tags wrapword'>TAGS: {{snippet.tags}}</div>
          </mat-option>
        </mat-autocomplete>
</<mat-form-field >

当我在一般材料输入字段中使用autocomplete="new-password"时,它起作用了。 但这不适用于自动完成组件。 那么有什么方法可以启用原始自动完成功能,但可以避免Chrome默认自动完成功能? 谢谢

0 个答案:

没有答案