I want to send a text to an input from a button, but I get an error that says: Cannot read property ‘updateOn’ is null.
This ir for .html
<ion-content padding>
<form [formGroup]="todo" (ngSubmit)="logForm()">
<ion-item>
<ion-label>Todo</ion-label>
<ion-input type="text" formControlName="title"></ion-input>
</ion-item>
<ion-item>
<ion-label>Description</ion-label>
<ion-textarea formControlName="description">...</ion-textarea>
</ion-item>
<button ion-button type="submit" (click)="envio()">ok</button>
</form>
</ion-content>
this is for .ts
import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import { FormBuilder, FormGroup, FormControl, Validators } from '@angular/forms';
@IonicPage()
@Component({
selector: 'page-prueba2',
templateUrl: 'prueba2.html',
})
export class Prueba2Page {
//constructor(public navCtrl: NavController, public navParams: NavParams) {}
ionViewDidLoad() {
console.log('ionViewDidLoad Prueba2Page');
}
private todo : FormGroup;
constructor(private formBuilder: FormBuilder ) {
this.todo = this.formBuilder.group({
title: [''],
description: [''],
});
}
logForm(){
console.log(this.todo.value)
}
envio(){
this.todo = this.formBuilder.group({
description: new FormControl('Holis', [Validators.required]),
}, { updateOn: 'blur' });
}
}