MEAN Angular Components and Services 2

Question 1

What is Angular's HttpClient module used for in a MEAN stack application?

Accepted Answer

Making HTTP requests to the Express backend API from Angular services

Answer

HttpClient provides a simplified API for making HTTP requests (GET, POST, PUT, DELETE) and returns Observables that can be used with RxJS operators.

Question 2

What is lazy loading in Angular and why is it beneficial?

Accepted Answer

Loading feature modules only when navigated to, reducing initial bundle size

Answer

Lazy loading uses dynamic imports to load Angular feature modules on demand, reducing the initial JavaScript bundle that users must download.

Question 3

What is the Angular Router's `CanActivate` guard used for?

Accepted Answer

Preventing navigation to a route if a condition is not met, such as user not being authenticated

Answer

CanActivate is a route guard interface that lets you control whether a user can navigate to a route, commonly used for authentication and authorization checks.

Question 4

Which Angular feature allows you to define a template once and reuse it multiple times in a component?

Accepted Answer

ng-template with ngTemplateOutlet

Answer

ng-template defines a reusable template block and ngTemplateOutlet renders it in different locations, optionally with different context variables.

Question 5

What is the purpose of Angular's `Renderer2` service?

Accepted Answer

Manipulates the DOM in a platform-safe way that works in server-side rendering

Answer

Renderer2 provides an abstraction over DOM manipulation that works across platforms including browsers, server-side rendering with Angular Universal, and Web Workers.

MEAN - Stack Development Practice Test

MEAN - Stack Development Practice Test

MEAN Angular Components and Services 2