Angular Interview questions

Fundamentals of Angular 

Component

Module

Data bindings

Services

Dependency Injection

Directives

Templates

Application Bootstrapping

Navigation or Routing

Native mobile development

Angular Elements

Angular Universal

What are the features of Angular CLI?

Angular CLI is a powerful command-line tool by which we can create new files, update the file, build and deploy the angular application and other features are available so that we can get started with Angular development within a few minutes.

• Packaging application and release for the deployment

• Testing an Angular app

• Bootstrapping Angular app

• Various code generation options for Component, Module, Class, Pipes, Services, Enums, and many other types are also supported.

• Running the unit test cases

• Build and deployment our Angular application

What are the advantages of the Angular Console?

There are a few advantages and features provided by the Angular Console.

• Build CLI Commands visually

• Internal terminal for the output

• Import the existing Angular project

• Trivial code generation

• Run the custom NPM scripts

• Install various extensions

What is a Component in Angular?

Components are the basic building block of an Angular application. An Angular component mainly contains a template, class, and metadata. It is used to represent the data visually. A component can be thought of as a web page. An Angular component is exported as a custom HTML tag like as: <my-app></my-app>.

For creating a component, we can use decorator @component 

ng generate component democomponent

What is the Template Expression?

Template expressions are the same expression that we use with JavaScript. But the difference is that we can use it within our Html template, so it looks like we are using JavaScript along with Html 

What is Data Binding in Angular?

Data binding is one of the important core concepts which is used to do the communicate between the component and DOM. In other words, we can say that Data binding is a way to add/push elements into HTML Dom or pop the different elements based on the instructions given by the Component. There are mainly three types of data binding support in order to achieve the data bindings in Angular.

One-way Binding (Interpolation, Attribute, Property, Class, Style)

Event Binding

Two-way Binding

Using these different binding mechanisms, we can easily communicate the component with the DOM element and perform various operations.

What is Interpolation?

Interpolation in Angular is used to show the property value from the component to the template or used to execute the expressions. Generally, interpolation can be used to execute the JavaScript expressions and append the result to the Html DOM. Another use of Interpolation is to print the data or we can say one-way data, which is coming from the component i.e. from a variable or the item of an array. And interpolation can be used to achieve Property binding as well by using curly braces {{ }}, let’s see a simple example.

App.component.ts

 myMessage: string = "Hello World";

App.component.html

 <p>{{ myMessage }}</p>

 <p>Total : {{ 25 + 50 + 75 + 100 }}</p>

Directives in angular?

directives are angular sytaxces which go and change the behaviour of html dom