30+ Asked Interview Questions and Answers (2024)

Ques 26. What is the purpose of Angular interceptors?

Angular interceptors are used to intercept HTTP requests and responses globally. They allow you to modify the request or response before it is sent or received by the application. Interceptors are commonly used for tasks such as authentication, logging, or adding headers.

Example:

class AuthInterceptor implements HttpInterceptor { ... }

Is it helpful? Yes No Add Comment View Comments

Ques 27. Explain Angular ViewEncapsulation and its types.

ViewEncapsulation is an Angular feature that determines how styles are applied to components. It has three types: Emulated (default), Native, and None. Emulated encapsulation uses shadow DOM emulation, Native uses the browser's native shadow DOM, and None applies styles globally.

Example:

@Component({
  selector: 'app-root',
  template: 'Hello World
',
  styleUrls: ['./app.component.css'],
  encapsulation: ViewEncapsulation.Emulated
})

Is it helpful? Yes No Add Comment View Comments

Ques 28. What is the purpose of the async pipe in Angular?

The async pipe in Angular is used to subscribe to an Observable or Promise in the template and automatically update the view when the data is received. It simplifies the management of asynchronous data in the component's template.

Example:

{{ data$ | async }}

Is it helpful? Yes No Add Comment View Comments

Ques 29. Explain the role of the Angular ngClass directive.

The ngClass directive in Angular is used to conditionally apply CSS classes to an element. It allows you to dynamically set classes based on expressions or conditions in the component.

Example:

This div has dynamic classes

Ques 30. What are Angular services and why are they used?

Services in Angular are singleton objects that provide functionality across the application. They are used to encapsulate and share logic, data, or functionality between components. Services promote modularity and reusability in Angular applications.

Example:

import { Injectable } from '@angular/core';

@Injectable({
  providedIn: 'root',
})
export class DataService { }

Angular 8 Interview Questions and Answers

Ques 26. What is the purpose of Angular interceptors?

Ques 27. Explain Angular ViewEncapsulation and its types.

Hello World

Ques 28. What is the purpose of the async pipe in Angular?

Ques 29. Explain the role of the Angular ngClass directive.

Ques 30. What are Angular services and why are they used?