我使用[ngModel]

Question

我正在使用角度版本6。 当我运行以下代码时，它会起作用

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

我需要从文本框中获取此默认值（“样本”），以便将此代码更改为

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

当我执行上述代码值“ sample”时，未在文本框中显示。

我是angular的新手。我正在尝试在文本字段中显示默认值（“样本”），并且我必须获取该值（“样本”），任何建议？

Answer 1

输入标签上有ngModel时，它优先于value属性。因此，最好使用ngModel变量本身来初始化值。

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

ts代码：

addRequisitionss.designation = 'sample';

Answer 2

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

component.html

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

并在component.ts中设置dafault值

addRequisitionss.designation = "default value"