What is the significance of the async and fakeAsync utilities in Angular testing?
- async is used for asynchronous unit tests
- async is used for promise-based asynchronous tests
- fakeAsync is used for simulating asynchronous operations
- fakeAsync is used for synchronous unit tests
In Angular testing, the **async** utility is used to handle promise-based asynchronous tests, while the **fakeAsync** utility is used for simulating asynchronous operations in a synchronous manner. These utilities help control and test asynchronous behavior effectively in different testing scenarios.
How would you implement cross-field validation in a reactive form?
- Create a new form module
- Define custom validators
- Use the FormArray class
- Utilize Angular templates
To implement cross-field validation in a reactive form, you would typically define custom validators that check and enforce validation rules involving multiple fields.
Which feature in Angular allows you to create custom HTML elements that can be used outside Angular applications?
- Angular Components
- Angular Elements
- Angular Modules
- Angular Services
The feature in Angular that allows you to create custom HTML elements usable outside Angular applications is Angular Elements.
Which Angular CLI command is used to generate a new component?
- ng create component
- ng generate component
- ng make component
- ng new component
To generate a new component in Angular using the CLI, you use the ng generate component command.
What is the significance of the declarations array in an Angular module?
- To configure route paths
- To declare components in the module
- To define component dependencies
- To set up HTTP interceptors
The declarations array in an Angular module is used to declare components that are part of the module. This is important for Angular to know which components are available within the module.
In Angular, the _____ pipe is used to automatically subscribe and unsubscribe from an Observable.
- async
- map
- reduce
- switchMap
In Angular, the async pipe is used to automatically subscribe and unsubscribe from an Observable. It simplifies the management of Observable subscriptions in templates, ensuring proper cleanup.
Custom validators in Angular are functions that return an object of type ____ when the validation fails.
- FormControl
- ValidationErrors
- number
- string
Custom validators in Angular are functions that return an object of type ValidationErrors when the validation fails. The ValidationErrors object holds information about the validation error and can be used to display error messages.
How can you ensure that an Observable completes and releases resources after emitting a certain number of values?
- Use the complete method
- Use the finalize operator
- Use the takeUntil operator
- Use the unsubscribe method
To ensure an Observable completes and releases resources after emitting a certain number of values, you can use the takeUntil operator to specify a condition for completion.
What is the difference between dirty and touched properties of a form control?
- Dirty indicates interaction, touched indicates modification.
- Dirty indicates it's required, touched indicates it's optional.
- Dirty indicates modification, touched indicates interaction.
- Dirty indicates optional, touched indicates required.
In Angular, the dirty property indicates that a form control has been modified, while the touched property indicates that a form control has been interacted with (e.g., focused or blurred).
What would you test in a custom pipe that formats and displays dates?
- Pipe's NgModule
- Pipe's constructor
- Pipe's template
- Pipe's transform method
In a custom date formatting pipe, you should test the Pipe's transform method to ensure it formats and displays dates correctly.