我正在嘗試關(guān)閉 Angular 9 應(yīng)用程序中的自動填充 Chrome 內(nèi)置功能。我發(fā)現(xiàn) Chrome 將自動填充建議附加到輸入字段的名稱中。我有這個 Angular 9 HTML 代碼：<input [class]="inputClass" [(ngModel)]="model[field]" [id]="field" [name]="field + '_' + random" [placeholder]="getPlaceholder()" [disabled]="disabled" [type]="type" [autocomplete]="random" (keyup)="validateField()">如果我運(yùn)行應(yīng)用程序，我會在生成的 HTML 代碼中得到以下內(nèi)容：<input _ngcontent-cbv-c111="" class="form-control ng-pristine ng-valid ng-touched" ng-reflect-model="" id="name" ng-reflect-name="name_6xuz5" placeholder="My placeholder" type="text" autocomplete="6xuz5">現(xiàn)在這里不是標(biāo)簽name上的屬性input。那是因為我使用這個語法：[name]="..."。如果我使用該name="..."語法，則會顯示名稱屬性。如何在字段name上強(qiáng)制使用該屬性input并仍然使用[name]="..."語法來給出計算值？
1 回答
收到一只叮咚
TA貢獻(xiàn)1821條經(jīng)驗 獲得超5個贊
using[name]告訴 Angular 這是一個屬性綁定（如輸入），但您想要設(shè)置一個 HTML?attribute。為此，您可以使用
<input?[attr.name]="field?+?'_'?+?random"?…>
它告訴 Angular 您要將其設(shè)置為屬性。
或者，您也可以使用
<input?name="{{?field?+?'_'?+?random?}}"?…>但可以說這看起來并不那么漂亮。
- 1 回答
- 0 關(guān)注
- 116 瀏覽
添加回答
舉報
0/150
提交
取消