Angular 8 面试题与答案
问题 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 { ... }
问题 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
})
问题 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 }}
问题 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
问题 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 { }
用户评价最有帮助的内容: