Question 1. What is Angular 8?

Angular is a TypeScript-based open-source framework for building web applications.

Example:

const app = angular.module('myApp', []);

Question 2. When was Angular 8 released, and how was it different from Angular 7?

Angular 8 was released on May 28, 2019, worldwide. Some extensive featres are:

• Angular 8 provides differential loading for all application code.
• Dynamic imports for lazy routes
• Web workers
• It provides support for TypeScript 3.4
• It provides Angular Ivy as an opt-in preview

Question 3. Can we upgrade the older version of Angular that we have installed on our system to the Angular 8 version? If yes, then how?

Yes. If you want to upgrade your Angular CLI or any older version of Angular to Angular version 8, you can easily do it. /n First, check the older version of Angular that you are using. Run the ng --version command on the Node.js command prompt. n Now, you have to uninstall the older version of Angular by using the following command.

Example:

npm uninstall -g angular-cli // For Windows Open Powershell on Administrator Mode --- and --- sudo npm uninstall -g angular-cli // For Mac   

Question 4. Explain Angular modules.

Angular modules are containers for a group of related components, directives, pipes, and services. They help in organizing and consolidating the functionality of the application.

Example:

@NgModule({
  declarations: [AppComponent],
  imports: [CommonModule],
  providers: [DataService],
  bootstrap: [AppComponent]
})

Question 5. What is two-way data binding in Angular?

Two-way data binding is a feature in Angular that allows automatic synchronization of data between the model and the view. Changes in the model automatically update the view, and vice versa.

Example:

Question 6. Explain dependency injection in Angular.

Dependency injection is a design pattern in which a class receives its dependencies from external sources rather than creating them itself. In Angular, the DI system provides and injects the dependencies into the components, services, etc.

Example:

constructor(private dataService: DataService) { }

Question 7. What is a service in Angular?

In Angular, a service is a singleton object that performs tasks like fetching data, sharing data between components, or encapsulating business logic. Services are used to promote reusability and maintainability.

Example:

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

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

Question 8. Explain Angular directives.

Directives in Angular are markers on DOM elements that tell Angular to attach behavior to a DOM element or transform the DOM element and its children. Examples include ngIf, ngFor, and ngStyle.

Example:

This is visible