角材マット選択のためのブラウザ自動入力

Question

私は住所を表すフォームを持っていますが、私は州/都道府県にmat-selectを使用しています。残念ながら、それは州/都道府県を自動入力していません（私はそれがネイティブの選択ではないと仮定しています）。ここに私のマークアップは次のとおりです。

<mat-form-field> 
    <mat-select placeholder="State" 
     [(ngModel)]="state" 
     autocomplete="billing address-level1"> 
     <mat-option *ngFor="let s of states" [value]="s.abbreviation">{{ s.name }}</mat-option> 
    </mat-select> 
</mat-form-field> 

私は何かが欠けていた場合やブラウザのオートフィルが動作しない場合はマット選択がネイティブコントロールではありませんので、私はよく分かりません。誰でもこのシナリオでオートフィルの仕組みを作る方法を考えていますか？私が考えることができるのは、ネイティブセレクトを作成し、それを同じモデルフィールドにバインドし、そのスタイルをdisplay: noneに設定することだけです。

Answer 1

あなたのhtmlコードで....など

autocomplete="name" 
autocomplete="email" 
autocomplete="tel" 

のようなあなたの入力タグに次の属性を追加してください。

詳細については、このドキュメントを参照してください：

https://developers.google.com/web/updates/2015/06/checkout-faster-with-autofill

この文書は、あなたが問題を解決するのに役立ちます。

Answer 2

あなたはオートコンプリートを使用したい場合はmat-autocompleteないmat-select はここ

<mat-form-field> 
    <input type="text" placeholder="Address" matInput [(ngModel)]="state" 
    [matAutocomplete]="auto"> 
    <mat-autocomplete #auto="matAutocomplete"> 
     <mat-option *ngFor="let s of states" [value]="s"> {{s}} </mat-option> 
    </mat-autocomplete> 
</mat-form-field> 

サンプルはここstackblitz demo