How can you disable the submit button when the form has errors in this template-driven forms example?

June 25, 2021 Team Pa 0 Comment

LinkedIn Angularjs Assessment Questions and Answers

<form #userForm=”ngForm”>

<input type=”text” ngModel name=”firstName” required>

<input type=”text” ngModel name=”lastName” required>

<button (click)=”submit(userForm.value)”>Save</button>

</form>

[ ] <button (click)=”submit(userForm.value)” disable=”userForm.invalid”>

Save

</button>

[x] <button (click)=”submit(userForm.value)” [disabled]=”userForm.invalid”>

Save

</button>

[ ] <button (click)=”submit(userForm.value)” [ngForm.disabled]=”userForm.valid”>

Save

</button>

[ ] <button (click)=”submit(userForm.value)” *ngIf=”userForm.valid”>

Save

</button>

Leave a Reply Cancel reply

What are the two component decorator metadata properties used to set up CSS styles for a component?What are the two component decorator metadata properties used to set up CSS styles for a component?

viewEncapsulation and viewEncapsulationFiles. There is only one and it is the property named css. css and cssUrl. styles and styleUrls.[...]

READ MORE

What method is used to wire up a FormControl to a native DOM input element in reactive forms?What method is used to wire up a FormControl to a native DOM input element in reactive forms?

Add the string name given to the FormControl to an attribute named controls on the element to indicate what fields[...]

READ MORE

Based on the following component, what template syntax would you use to bind the TitleCardComponent’s titleText field to the h1 element title property?Based on the following component, what template syntax would you use to bind the TitleCardComponent’s titleText field to the h1 element title property?

@Component({ selector: ‘app-title-card’, template: ‘<h1 title=”User Data”> {{titleText}}</h1>’ }) export class TitleCardComponent { titleText[...]

READ MORE