MEAN Angular Routing and Forms 2

Question 1

In Angular template-driven forms, which directive does Angular automatically apply to all <form> elements?

Accepted Answer

ngForm

Answer

[ngFormGroup]

Answer

formControl

Answer

templateForm

Question 2

Which directive creates two-way data binding between a form input and a component property in template-driven forms?

Accepted Answer

[(ngModel)]

Answer

[(ngBind)]

Answer

[formControl]

Answer

[ngValue]

Question 3

What CSS class does Angular add to a form control that fails validation?

Accepted Answer

ng-invalid

Answer

ng-error

Answer

ng-invalid-touched

Answer

ng-dirty

Question 4

How do you enable the built-in 'required' validator on an input field in a template-driven Angular form?

Accepted Answer

required

Answer

[required]="true"

Answer

ngRequired

Answer

validate="required"

Question 5

How do you create a template reference variable that holds the NgForm directive instance for validity checks?

Accepted Answer

#myForm="ngForm"

Answer

#myForm="angular"

Answer

#myForm="ngFormRef"

Answer

[#myForm]="ngForm"

Question 6

Which Angular class represents the overall state and aggregate value of a template-driven form?

Accepted Answer

NgForm

Answer

NgFormControl

Answer

NgModel

Answer

FormGroup

Question 7

Which event binding on a <form> element should you use to handle template-driven form submission in Angular?

Accepted Answer

(ngSubmit) on the form element

Answer

(click) on the submit button

Answer

(submit) on the form element

Answer

(formSubmit) on the form element