Angular Interview Questions

Angular is an open-source, JavaScript framework written in TypeScript. Google maintains it, and its primary purpose is to develop single-page applications. As a framework, Angular has clear advantages while also providing a standard structure for developers to work with

Directives are classes that add additional behavior to elements in your Angular applications.

There are 3 types of directive in Angular given bellow:


Directive Types
Details


Components
Used with a template.This type of directive is the most common directive type.



Attribute directives
Change the appearance or behavior of an element, component, or another directive.



Structural directives
Change the DOM layout by adding and removing DOM elements.


					

						
			
			

NPM is a node package manager.
It helps with installing various packages and resolving their various dependencies. 
It greatly helps with your Node development. 
NPM helps you install the various modules you need for your web development and not just given you a whole bunch of features you might never need.
 
and all the modules store in Node_Modules folder.

package. json file locates in project root and contains information about your web application. 
The main purpose of the file comes from its name package, so it'll contain the information about npm packages installed for the project.

TypeScript is a superset of JavaScript which primarily provides optional static typing, classes and interfaces. 
One of the big benefits is to enable IDEs to provide a richer environment for spotting common errors as you type the code.

Angular CLI stands for Angular Command Line Interface. As the name implies, it is a command line tool for creating angular apps. 
It is recommended to use angular cli for creating angular apps as you don't need to spend time installing and configuring 
all the required dependencies and wiring everything together.

Component is made of 3 component: Template, class and Metadata.
The data flow in between template and model is managed from component.

In Angular, a module is a mechanism to group components, directives, pipes and services that are related, 
in such a way that can be combined with other modules to create an application.

In AngularJS, decorators are functions that allow a service, directive, or filter to be modified before it is used.

There are four main types of angular decorators:

Class decorators, such as @Component and @NgModule
Property decorators for properties inside classes, such as @Input and @Output
Method decorators for methods inside classes, such as @HostListener
Parameter decorators for parameters inside class constructors, such as @Inject

Although Annotations and Decorators both share the same @ symbol in Angular, they both are different language features. 
Annotations: These are hard-coded language feature. Annotations are only metadata set on the class that is used to reflect the metadata library.

A template is a form of HTML that tells Angular how to render the component. 
Views are typically organized hierarchically, allowing you to modify or show and hide entire UI sections or pages as a unit. 
The template immediately associated with a component defines that component's host view. 

Single page application.

We can implement SPA using Angular routing.

There are three fundamental building blocks to creating a route. Import the AppRoutingModule into AppModule and add it to the imports array. 
The Angular CLI performs this step for you.
 
1. Import RouterModule and Routes into your routing module. ...
2. Define your routes in your Routes array. ...
3. Add your routes to your application.