当我使用 [ngModel] 时，角度不显示默认文本框值答案

【问题标题】：angular not showing default text box value when i use [ngModel]当我使用 [ngModel] 时，角度不显示默认文本框值
【发布时间】：2019-02-07 13:16:44
【问题描述】：

我使用的是 Angular 版本 6。当我运行以下代码时，它可以工作

<input type="text" class="form-control" id="designation" value="sample"   />

我需要从文本框中获取这个默认值（“sample”），所以我把这段代码改成了

<input type="text" class="form-control" id="designation" value="sample" [(ngModel)]="addRequisitionss.designation"  name="designation" #designation="ngModel"  />

当我执行上述代码时，文本框中没有显示“示例”。

我试图在文本字段中显示默认值（“sample”），我必须获取该值（“sample”），有什么建议吗？

【问题讨论】：

标签： angular

【解决方案1】：

当您在输入标签上有ngModel 时，它优先于value 属性。所以最好用ngModel变量本身来初始化值。

<input type="text" class="form-control" id="designation" [(ngModel)]="addRequisitionss.designation"  
 name="designation" #designation="ngModel"  />

ts 代码：

addRequisitionss.designation = 'sample';

【讨论】：

【解决方案2】：

你可以像这样简单地设置默认值：

component.html

<input type="text" class="form-control" id="designation [(ngModel)]="addRequisitionss.designation"  name="designation" />

并在component.ts中设置默认值

addRequisitionss.designation = "default value"

【讨论】：