Angular Web Framework Components & Templates

Question 1

What is a component in Angular?

Accepted Answer

A TypeScript class with an HTML template and optional CSS that controls a portion of the UI

Answer

An Angular component is a TypeScript class decorated with @Component that defines a selector, template (HTML), and styles (CSS), managing a specific portion of the user interface.

Question 2

What is data binding in Angular?

Accepted Answer

The mechanism for synchronizing data between the component class and its template

Answer

Data binding establishes communication between the component's TypeScript class and its HTML template, enabling automatic updates when data changes in either direction.

Question 3

What is the difference between interpolation and property binding?

Accepted Answer

Interpolation uses {{}} for text; property binding uses [] for DOM properties

Answer

Interpolation ({{ expression }}) inserts evaluated expressions as text content, while property binding ([property]='expression') sets DOM element properties or component input properties directly.

Question 4

What are structural directives in Angular?

Accepted Answer

Directives like *ngIf and *ngFor that change the DOM layout by adding or removing elements

Answer

Structural directives (*ngIf, *ngFor, *ngSwitch) modify the DOM structure by conditionally adding, removing, or manipulating HTML elements based on expressions.

Question 5

What is the @Input() decorator used for?

Accepted Answer

To define a property that can receive data from a parent component

Answer

@Input() marks a component property as bindable, allowing parent components to pass data down to child components through property binding in the template.

Angular Web Framework Practice Test

Angular Web Framework Practice Test

Angular Web Framework Components & Templates