CODEWITHSUNDEEP
angular
J L
J L

Reputation: 123

(ngModel)] input with default input values

i've got an input field and i want so set default values. But with ngModel the input fields are just empty. How do i set default values which the user can change?

<div class="control">
 <input #name="ngModel" [(ngModel)]="message.name" name="name" class="input" type="text" value="{{data.name}}" required>
 <p class="help is-danger" *ngIf="name.touched && name.invalid">This field is required</p>
</div>
 <button (click)="saveEdit()" [disabled]="!(name.valid)">Save</button>

i'm not very experienced in angular/webdev...

Thank you!

Solution:

Add

  ngAfterViewInit() {
    this.message.name = this.data.name
}

to ts.component

Upvotes: 0

Views: 1820

Answers (2)

Shivansh Seth
Shivansh Seth

Reputation: 361

<input [(ngModel)]="message.name" name="name" class="input" type="text" required>

In your component :

message : any = { name: 'YOUR_DEFAULT_VALUE', }

Upvotes: 1

Sulove Dahal
Sulove Dahal

Reputation: 219


 <input  [(ngModel)]="message" name="name" class="input" type="text"required>

In your Typescript file Add message = 'defaultvalue'

Upvotes: 0

Related Questions