Angular Framework Practice Exam

Angular is a TypeScript-based front-end framework developed by Google for building dynamic, single-page applications (SPAs). It provides a comprehensive solution including components, services, routing, and dependency injection out of the box.

A component is the fundamental building block of an Angular application. It consists of:

• A TypeScript class decorated with @Component()
• An HTML template
• Optional CSS styles
• Metadata such as selector, templateUrl, and styleUrls

The @Component() decorator marks a class as an Angular component and provides metadata that tells Angular how to process, instantiate, and use the component at runtime. Key properties include:

• selector – the custom HTML tag
• templateUrl – path to the HTML template
• styleUrls – array of stylesheets

Data binding is a mechanism that connects the component class to the template. Angular supports four forms:

• Interpolation: {{ expression }}
• Property binding: [property]="expression"
• Event binding: (event)="handler()"
• Two-way binding: [(ngModel)]="property"

A service is a class decorated with @Injectable() that encapsulates reusable business logic, data access, or utility functions. Services are typically singletons when provided at the root level and are shared across components via dependency injection.