Angular Web Framework Angular Professional Development 3

Question 1

When using Angular's `Router`, what option must be set to enable preloading of lazy-loaded modules automatically?

Accepted Answer

RouterModule.forRoot(routes, { preloadingStrategy: PreloadAllModules })

Answer

Passing `PreloadAllModules` as the `preloadingStrategy` tells Angular's router to eagerly preload all lazy-loaded route chunks after initial load.

Question 2

Which RxJS operator is most appropriate when you need to cancel an in-flight HTTP request whenever a new search term is typed?

Accepted Answer

switchMap

Answer

`switchMap` unsubscribes from the previous inner observable and subscribes to the new one, effectively cancelling the prior HTTP request.

Question 3

In Angular, what is the default encapsulation strategy for component styles?

Accepted Answer

ViewEncapsulation.Emulated

Answer

`ViewEncapsulation.Emulated` (the default) adds unique attributes to elements so component styles don't leak, without using real Shadow DOM.

Question 4

What is the role of `ng-container` in Angular templates?

Accepted Answer

Provides a grouping element that adds no extra DOM node

Answer

`<ng-container>` is a logical grouping element that Angular removes from the DOM, useful for applying structural directives without adding extra HTML elements.

Question 5

Which Angular concept allows injecting dependencies at a component level rather than globally, creating a new instance per component tree?

Accepted Answer

Component-level providers via the `providers` array in @Component

Answer

Listing a service in a `@Component`'s `providers` array creates a scoped injector, giving that component and its children their own service instance.

Angular Web Framework Practice Test

Angular Web Framework Practice Test

Angular Web Framework Angular Professional Development 3