In NgRx, the _____ is responsible for changing the state based on the action received.
- Dispatcher
- Effect
- Reducer
- Selector
In NgRx, the Reducer is responsible for changing the state based on the action received. A reducer defines how the state should change.
How can you preload some, but not all, of the lazily-loaded modules in an Angular application?
- It's not possible
- Setting the 'preload' property
- Using canActivateChild guard
- Using the preloadStrategy
You can preload some, but not all, of the lazily-loaded modules in Angular by specifying the preloadStrategy in the route configuration.
When using NgRx, how can you prevent unnecessary re-rendering of components when the state changes?
- Use ChangeDetectionStrategy.OnPush
- Use ChangeDetectorRef.markForCheck
- Use pure pipes
- Use the async pipe
In NgRx, you can prevent unnecessary re-rendering of components by using ChangeDetectionStrategy.OnPush to only update components when necessary.
If a pipe takes multiple input values, how should it be tested to ensure all cases are covered?
- Rely on integration tests to cover all possible input combinations
- Skip testing for cases with complex input values
- Use a single test case with multiple input values and expected results
- Write separate test cases for each combination of input values
To ensure all cases are covered when testing a pipe with multiple input values, you should write separate test cases for each combination of input values.
To submit a form in Angular, you typically bind the submit event to a method in your component class using _____ .
- formAction
- formSubmit
- ngSubmit
- submitForm
To submit a form in Angular, you typically bind the submit event to a method in your component class using ngSubmit.
How can you pass data to a Route Guard in Angular?
- Direct function argument
- Query parameters
- Router configuration
- Shared service
In Angular, you can pass data to a Route Guard by using a Shared service to store and share data between components and guards.
How can a parent component communicate with a child component without using @Input or @Output?
- Use BehaviorSubject and Renderer2
- Use Dependency Injection and ElementRef
- Use EventEmitter and ViewChildren
- Use ViewChild and ElementRef
A parent component can communicate with a child component without @Input or @Output by using ViewChild and ElementRef to access the child's properties and methods directly.
To create a dynamic form in Angular, developers often use the ____ class to programmatically add form controls.
- FormArray
- FormControl
- FormGroup
- NgForm
To create a dynamic form in Angular, developers often use the FormArray class to programmatically add form controls. A FormArray is used when you need to manage a list of form controls.
You are building a complex form that needs to enable or disable sections of the form based on user input. Which type of form would be more suitable to implement this, and why?
- Both are equally suitable
- None of the above
- Reactive forms
- Template-driven forms
To enable or disable sections of a form based on user input, Reactive forms would be more suitable because they provide greater programmatic control and flexibility.
When using Jasmine for unit testing in Angular, what function is used to create a group of related tests?
- afterEach()
- beforeAll()
- describe()
- it()
In Jasmine, the describe() function is used to create a group of related tests, which helps organize and structure your test suite.