我正在使用 Angular 14，當我輸入此代碼時，它作業正常并且值已初始化。
<input type="text" name="name" value="John" >
但是當我添加 ngModel 時，該值不再初始化，文本框中也沒有顯示任何內容。
<input type="text" ngModel name="name" value="John" >
如何使用 ngModel 在文本框中輸入值？
uj5u.com熱心網友回復：
MyComponent.component.html
<input type="text" [(ngModel)]="name" />
MyComponent.component.ts
...
class MyComponent {
public name = "Jhon";
}
當您更新輸入時，變數名稱將被更新。如果您不想更新它，只需使用[ngModel]而不是[(ngModel)]
uj5u.com熱心網友回復：
- 確保您匯入了
FormsModule from @angular/forms - 使用香蕉盒 sintax，
[(ngModel)]="value"或[ngModel]="value"或ngModel="value"或(ngModel)="value"基于您想要實作的目標。
您可以查看 Angular 檔案的系結部分以了解差異：
https://angular.io/guide/binding-overview
uj5u.com熱心網友回復：
嘗試做這樣的事情
<input type="text" [(ngModel)]="varName">
<p>{{ varName }}</p>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/532568.html
標籤：有角度的