angular not showing default text box value when i use [ngModel]

Question

I am using Angular version 6. When I run the below code it works

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

I need to get this default value ("sample") from text box, so then I changed this code to

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

When I executed above code value "sample" is not showing in text box.

I am trying to display default value("sample") in the text field, and I have to fetch that value("sample"), any suggestions?

Amit Chigadani · Accepted Answer · 2019-02-07 13:44:30Z

3

When you have ngModel on an input tag, it takes preference over the value attribute. So it is good to initialise value with ngModel variable itself.

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

ts code :

addRequisitionss.designation = 'sample';

edited Feb 7, 2019 at 13:44

answered Feb 7, 2019 at 13:24

Amit Chigadani

29.9k14 gold badges88 silver badges102 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Sofien Abdeddaim · Accepted Answer · 2019-02-07 13:36:11Z

1

You can simply make the default value like that:

component.html

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

and in component.ts make the dafault value

addRequisitionss.designation = "default value"

answered Feb 7, 2019 at 13:36

Sofien Abdeddaim

415 bronze badges

Collectives™ on Stack Overflow

angular not showing default text box value when i use [ngModel]

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related