How to set default value of a template driven form input in angular 2?

Question

This is just a basic input element I have in my form which I need to set its default initial value.

<input type="number" name="interest_rate" [(ngModel)]="interest_rate">

In my code, I added

this.form.controls['interest_rate'].patchValue(this.assumptions.interest_rate*100);

But I'm getting

Error: Error in :0:0 caused by: Cannot read property 'patchValue' of undefined

Max Koretskyi · Accepted Answer · 2017-04-20 06:53:43Z

6

To set default value, just set interest_rate property of a respective component.

@Component({
  ...
  template: `<input type="number" name="interest_rate" [(ngModel)]="interest_rate">`
})

class M {
   interest_rate = 3;
}

answered Apr 20, 2017 at 6:53

Max Koretskyi

106k69 gold badges356 silver badges524 bronze badges

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

1 Answer 1