Capgemini – Angular Interview Questions

Here is the list of Angular Interview Questions which are recently asked in Capgemini company. These questions are included for both Freshers and Experienced professionals. Our Angular Training has Answered all the below Questions.

1. What are the new features of Angular2?

The new features of Angular 2 are Modern, faster, and highly scalable framework. Equally useful framework for web, mobile, and desktop apps. Web components based architecture. Supports Hierarchical Dependency Injection

2. What is the need of Angular2?

With ECMAScript (ES) 2015, we have modules, classes and arrow functions. Angular 2 leverages these features to make its coding patterns more consistent and easier to learn. Add to that Typescript, a language that is a superset of JavaScript and provides static typing and interfaces.

3. What is TypeScript ? What is the need for it in Angular2

TypeScript simplifies JavaScript code, makesit easier to read and debug. TypeScript provides highly productive development tools for JavaScript IDEs and practices, like static checking.

Angular 2 embraces the current latest and greatest technologies of the front-end world. It boosts up the productivity of the developers.

4. What is ECMA Script ?

ECMAScript stands for European Computer Manufacturers Association Script.ECMAScript is a standard script language, developed with the cooperation of Netscape and Microsoft and mainly derived from Netscape's JavaScript, the widely-used scripting language that is used in Web pages.

5. What is @NgModule?

An NgModule is a class marked by the @NgModule decorator.@NgModule takes a metadata object that describes how to compile a component's template and how to create an injector at runtime.

It identifies the module's own components, directives, and pipes, making some of them public, through the exports property, so that external components can use them.

6. Which components are used to configure routing in Angular 2?

To use any new components, import them into AppRoutingModule at the top configure a route with the path you want to redirect from, the component.

7. How to perform CRUD operations using Spring Boot and Angular?

Create & Setup Spring Boot project.
Configure Spring Datasource, JPA, Hibernate.
Define Data Model.
Create Repository Interface.
Create Spring Rest APIs Controller.
Run the Spring Boot Server.
Setup Angular 10 Project.
Set up App Module.
Define Routes for Angular AppRoutingModule
Create Data Service
Create Angular Components
Run the Angular 10 App

8. What is Basic Authentication? How to implement it using Angular?

The Basic Authentication Interceptor intercepts http requests from the application to add basic authentication credentials to the Authorization header if the user is logged in. It's implemented using the HttpInterceptor class that was introduced in Angular 4.3 as part of the new HttpClientModule.

9. doAdd(1,2) doAdd( 1.2,3,4) use the above arguments to sum the values. using without any parameter receive through the function

10. What is Buffer (window storage)?

Angular window storage, offers an easy interface for usage of the web storage and cookies.It works as a store manager so no need to worry about where to store information.

11. Explain Life cycle in Angular?

In Angular, every component has a life-cycle, a number of different stages it goes through from initializing to destroying. There are 8 different stages in the component lifecycle and every stage is called life cycle hook events

12. What are the data bindings M angular?

Data-binding in AngularJS apps is the automatic synchronization of data between the model and view components. The way that AngularJS implements data-binding lets you treat the model as the single-source-of-truth in your application. The view is a projection of the model at all times.

13. When using ngIf if the condition is true. how to display the message and if the condition is false then how to display the message?

OR condition in *ngIf

Similary If you want to display the element with *ngIf only if one of the condition is true. We can use OR (||) operator.

14. Difference between directive and pipe in Angular?

Pipes are for formatting data, and directives are to alter the behavior/appearance of an element. A pipe is to manipulate data, while a directive is more for DOM manipulation.

A pipe gets data as an input, transforms it and outputs this data in another way. Directives are two types.

Free PDF : Get our updated Angular Course Content pdf

15. What is Traceur compiler ?

Traceur compiler takes classes, generators, and other features from ECMAScript edition 6 (ES6) and compiles it into JavaScript ES5 that runs on the browser. This means developers can use the code from a future version that has more features and encourages design patterns.

16. Why are decorators used in Angular 2 ?

The whole purpose of Angular decorators is to store metadata about a class, method, or property. When you configure a component, you are providing a metadata for that class that tells Angular that you have a component, and that component has a specific configuration.

17. What are pipes in Angular 2 ?

Pipes allow us to change the data inside the template. A pipe takes the data and transforms this input to the desired output. There are many built-in pipes in Angular 2.There are 2 types of pipes: pure and impure. Pipes are pure by default. We can make a pipe impure by setting its pure flag to false.

18. How can we achieve Internationalization using Angular 2 ?

Use Angular to internationalize your app: Use built-in pipes to display dates, numbers, percentages, and currencies in a local format. The extract-i18n command can read and write files in three translation formats:

XLIFF 1.2 (default)
XLIFF 2.
XML Message Bundle (XMB)
JSON.
ARB.

19. What is component in Angular 2 ?

Angular 2 - Components

Template is used to render the view for the application. This contains the HTML that needs to be rendered in the application.
Class is like defined in any language such as C.
Metadata has the extra data defined for the Angular class

20. What is @Inputs in Angular 2? ?

A common pattern in Angular is sharing data between a parent component and one or more child components. @Input() and @Output() give a child component a way to communicate with its parent component. @Input() allows a parent component to update data in the child component.

21. What is @Outputs in angular?

A common pattern in Angular is sharing data between a parent component and one or more child components.@Input() and @Output() give a child component a way to communicate wi`th its parent component. @Input() allows a parent component to update data in the child component.

22. What are differences between Components and Directives?

Directives allowsto attach behavior to elements in the DOM.Angular components are a subset of directives. Unlike directives, components always have a template and only one component can be instantiated per an element in a template.” Angular 2 Components are an implementation of the Web Component concept.

23. What is primeng? How can it be used with Angular2?

PrimeNG is a collection of rich UI components for Angular. All widgets are open source and free to use under MIT License. PrimeNG is developed by PrimeTek. PrimeNG is a collection of rich UI components for Angular.

All widgets are open source and free to use under MIT License. PrimeNG is developed by PrimeTekInformatics, a vendor with years of expertise in developing open source UI solutions. Feel the power of open source.

24. Can we have any service for ngFor and ngIF in Angular

In Angular, we cannot use two structural directives on the same element. i.e., we cannot place *ngFor,*ngIf together on same element.

25. Difference between Angular 2, 4, 5, 6, &7

Angular 4 is an inheritance from Angular 2.In Angular 2 only TypeScript 1.8 version was supported, whereas, in Angular 4, it supports TypeScript 2.1 and TypeScript 2.2 compatibility, so can use all new features supported in TypeScript 2.1 and TypeScript 2.2 can be used in Angular 4 application.

Angular 7 focused more on upgrading the existing features rather than publishing maximum features which was the case with Angular 6.

26. Compiler in TypeScript

The TypeScript compiler (tsc) converts the instructions written in TypeScript to its JavaScript equivalent. The TypeScript Language Service − The "Language Service" exposes an additional layer around the core compiler pipeline that are editor-like applications.

27. How did you reverse a string?


function reverseString(s){
return s. split(""). reverse(). join("");
}
reverseString("Hello");//"olleH"

28. How did you get the value from input box using JQuery?

To get the textbox value, we can use the jQuery val() function. For example, $('input:textbox'). val() – Get textbox value.

Book a Free Mock Interviews and Test your Angular Knowledge with our Experts

TOP MNC's ANGULAR INTERVIEW QUESTIONS & ANSWERS

Here we listed all Angular Interview Questions and Answers which are asked in Top MNCs. Periodically we update this page with recently asked Questions, please do visit our page often and be updated in Angular .

Capgemini Angular Interview Questions