Google is full of information on this. As Hans Passant said, Form controls are built in to Excel whereas ActiveX controls are loaded separately. Generally you’ll use Forms controls, they’re simpler. ActiveX controls allow for more flexible design and should be used when the job just can’t be done with a basic Forms control. Many … Read more
You are adding the formControlName to the label and not the input. You have this: <div > <div class=”input-field col s12″> <input id=”email” type=”email”> <label class=”center-align” for=”email” formControlName=”email”>Email</label> </div> </div> Try using this: <div > <div class=”input-field col s12″> <input id=”email” type=”email” formControlName=”email”> <label class=”center-align” for=”email”>Email</label> </div> </div> Update the other input fields as well.
addControl is what you need. Please note the second parameters must be a FormControl instance like so: this.testForm.addControl(‘new’, new FormControl(”, Validators.required)); You can also add the validators dynamically if you want with the setValidators method. Calling this overwrites any existing sync validators.
I believe you missed an important point: [formGroup] directive in the second example. formControlName is used together with [formGroup] to save your form multiple dot navigations. For example: <div> <input type=”text” [formControl]=”myForm.controls.firstName”/> <input type=”text” [formControl]=”myForm.controls.lastName”/> <input type=”text” [formControl]=”myForm.controls.email”/> <input type=”text” [formControl]=”myForm.controls.title”/> </div> Is equivalent to: <div [formGroup]=”myForm”> <input type=”text” formControlName=”firstName”/> <input type=”text” formControlName=”lastName”/> <input type=”text” … Read more
I fixed this error by adding the name=”fieldName” ngDefaultControl attributes to the element that carries the [(ngModel)] attribute.