If a parent component needs to send data to a child component, which property decorator should be used?
- @ViewChild
- @Input
- @Output
- @ContentChild
To send data from a parent component to a child component in Angular, you should use the @Input property decorator. It allows the parent component to bind data to a property of the child component. The other options, such as @ViewChild, @Output, and @ContentChild, serve different purposes, like accessing child elements or emitting events.
To enable strict mode for a new Angular application, ensuring stricter type-checking and other stricter checks, you would use the ng new command with the ______ flag.
- #NAME?
- #NAME?
- #NAME?
- strict
To enable strict mode for a new Angular application, which enforces stricter type-checking and other stricter checks, you would use the --strict flag with the ng new command. This flag sets up the project with more rigorous TypeScript checks and helps catch errors at compile-time.
You are tasked with creating a dynamic dashboard where users can add or remove widgets based on their preference. Which Angular feature would you leverage to dynamically render these widgets?
- ngIf structural directive
- @ViewChild decorator
- ngOnChanges lifecycle hook
- ngFor structural directive
To dynamically render widgets based on user preferences, you would leverage the ngIf structural directive in Angular. This directive conditionally renders or removes elements based on a given expression. It's ideal for showing or hiding widgets as needed without re-rendering the entire component. The other options, such as @ViewChild, ngOnChanges, and ngFor, have different use cases and are not suitable for this specific scenario.
You have a multi-step form in your Angular application. At any step, if the user tries to navigate away without saving, you want to alert them. Which Route Guard will best serve this purpose?
- CanActivate
- CanActivateChild
- CanDeactivate
- Resolve
The CanDeactivate route guard is used for scenarios where you want to prompt the user with a confirmation message before navigating away from a route. It's commonly used for guarding forms to prevent users from losing unsaved data.
What is the primary role of Effects in NgRx?
- Defining Actions
- Managing Side Effects
- Reducing State
- Rendering Views
The primary role of "Effects" in NgRx is to manage side effects in your application. Side effects can include making HTTP requests, interacting with external services, and other asynchronous operations. Effects help keep your reducers pure by handling these tasks separately.
To update the value of a specific FormControl without emitting an event or re-evaluating the validation status, you would use the ______ method with specific configuration.
- patchValue
- setFormControlValue
- setValueWithConfig
- updateControlValue
To update the value of a specific FormControl without emitting an event or re-evaluating the validation status, you would use the patchValue method with specific configuration. This method allows you to update only the specified controls within a FormGroup without affecting the entire form's state or triggering any events.
Your application needs to handle API rate limits. Which tool or method in Angular would you use to delay retries on a failed HTTP request?
- Angular Error Handling
- Angular Retry Service
- RxJS RetryWhen operator
- setTimeout in a catch block
To handle API rate limits and delay retries on a failed HTTP request, you should use the RxJS retryWhen operator. This operator allows you to control retry behavior, including introducing delays between retries, making it suitable for handling rate limits and retries in Angular applications.
In an e-commerce application, you want to ensure that product details fetched from the server are not requested again for a certain period. Which technique would be effective for this scenario?
- Caching
- Lazy Loading
- Polling
- WebSockets
For this scenario, caching would be an effective technique. Caching involves storing fetched data locally for a certain period, so if the same data is requested again within that period, it can be retrieved from the cache instead of making a new request to the server, improving performance and reducing server load.
The component where the child route should get rendered must contain the ________ directive in its template.
To render a child route's content in an Angular component, you must include the directive in the component's template. The acts as a placeholder where the child route's components will be displayed.
When using Lazy Loading, which property in the Angular routing configuration is used to point to the lazily loaded module?
- importModule
- lazyModule
- loadChildren
- loadModule
When implementing Lazy Loading in Angular, the loadChildren property in the routing configuration is used to specify the path to the lazily loaded module. This allows Angular to load the module on-demand when the associated route is visited, improving initial page load times.