My form setup in Angular2 CLI looks like this:
Inside the component
export class UsersAddComponent implements OnInit {
ngOnInit() {
this.userForm = this._formBuilder.group({
role: ['', [Validators.required]],
others: this._formBuilder.array([]) //for adding multipe form inputs
});
this.addNewUser();
}
initAddress() {
return this._formBuilder.group({
sendcred: [''], //checkbox needs no validation in my logic
needs_reset: [''], // ''
.....other fields here
});
}
addNewUser() { //this is called whenever add new user button is clicked
const control = <FormArray>this.userForm.controls['others'];
const addrCtrl = this.initAddress();
control.push(addrCtrl);
}
In the HTML template, I'm using PrimeNG checkboxes like this:
<p-checkbox formControlName="needs_reset" label="User has to set password"
(onChange)="Onpwdchange()"></p-checkbox>
<p-checkbox formControlName="sendcred" name="send cred" label="Send user
login credentials " (onChange)="Oncredchange()"></p-checkbox>
The methods onpwdchange() and oncredchange() simply have a console.log("clicked")
However, when I check the checkboxes, I encounter an error:
this.model.push is not a function //i havent implemented push method anywhere
I've looked into This Primeng2 issue but their suggested solutions of disableDeprecatedForms() and provideForms() are not available in Angular2 CLI.
How can I resolve this problem?