300+ [LATEST] Angular 5 Interview Questions and Answers

Posted on by engineerComments Off on 300+ [LATEST] Angular 5 Interview Questions and Answers

Q1. What Do Double Curly Brackets Are Used In Angular 5?

double curly brackets are used form data interpolation in Angular 5.

Q2. How Do We Import A Module In Angular 5?

Simply use below syntax to import a module in Angular 5.

import { ModuleName } from ‘someWhere’;

Q3. What Is Trpiling?

Trpiling is a process of converting code from one language to another. In Angular, Traceur compiler is used for converting TypeScript to JavaScript so that browsers can understand.

Q4. Explain Webpack?

Webpack is module bundler Bundler for Angular2 or above. It bundles, minified and trpiler an Angular application.

Q5. Explain Npm?

NPM stands for node package manager. It is used for installing dependencies for javascript packages.

Q6. What An Angular 5 Component Made Of? How Do You Generate A New Component?

Angular2 component is made of a Component decorator and a component definition of a class. ng generate component componentname command is used to generate a component in Angular2.

Q7. What Is *ngfor Directive Used For?

ngFor directive is used for Iterating over a list of items and for Generating a new DOM element for each one.

Q8. List The Types Of Data Binding Supported By Angular 5?

Angular 5 supports four types of Data Binding They are

  1. String Interpolation
  2. Property Binding
  3. Event Binding
  4. Two-way-binding

Q9. Explain Component Life Cycle In Angular?

  • In Angular component life cycle in Angular goes through following stages.
  • Create
  • Render
  • Create and render children
  • Check for bound data changes and re-render
  • Destroy

Q10. What Is Angular Cli? List The Command To Install Angular Cli?

Angular CLI is Command Line Interface for Angular that runs Webpack.You can use npm install -g @angular/cli command to install angular CLI.

Q11. Explain Ngmodule?

NgModule is a decorator function in Angular that takes a single metadata object whose properties describe the module.

Q12. How To Run Angular5 Application Locally During Development?

ng serve command is used to run Angular5 application locally during development.To start development server on specific port ng serve -p aPortNumber command is used.

Q13. How To Create A New Project In Angular Js Using Cli?

After installing Angular CLI run ng new project-name command to create a new Angular project.

Q14. What Are Decorators?

Decorators are functions that adds metadata to class members and functions. It was proposed in ES2016 and implemented in Typescript.

Q15. Explain $event In Angular 5?

In Angular 5 $event is a reserved keyword that represents the data emitted by an event (event data).

It is commonly used as a parameter for event based methods.