AngularJs Interview Questions And Answers

AngularJs Interview Questions And Answers
Here is the list of some AngularJs Interview Questions And Answers which mostly ask able during technical interview session.As per my experience good interviewers hardly plan to ask any particular question during your interview, normally questions start with some basic concept of the subject and later they continue based on further discussion and what you answer.



angularjs_interview_question

Question: What is AngularJS ?

“AngularJS is a JavaScript framework which simplifies binding JavaScript objects with HTML UI elements.”

Question: In which language, AngularJS is written?

Javascript

Question: Who created AngularJS?

Misko Hevery started to work on AngularJS in 2009. He was employee of Google.

Question: Is it opensource?

Yes, It is opensource and free to use.

Question: What are the services in AngularJS?

AngularJS come with several built-in services. For example $https: service is used to make XMLHttpRequests (Ajax calls). Services are singleton objects which are instantiated only once in app.

Question: Explain what are the key features of Angular.js?

1. Scope
2. Controller
3. Model
4. View
5. Services
6. Data Binding
7. Directives
8. Filters
9. Testable


Question: What are the filters in AngularJS?

Filters select a subset of items from an array and return a new array. Filters are used to show filtered items from a list of items based on defined criteria.

Question: From where we can download the AngularJS File?

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>

Question: What are the different types of Directive?

1. Element directives
2. Attribute directives
3. CSS class directives
4. Comment directives

Question: Explain what is injector?

An injector is a service locator, used to retrieve object instances.

Question: Explain templates in AngularJS.

Templates are the rendered view with information from the controller and model. These can be a single file (like index.html) or multiple views in one page using “partials”.

Question: Explain what are factory method in angularJs?

Factory method are used to create the directive. It is invoked only once, when compiler matches the directive for the first time.

Question: What is routing in AngularJS?

It is concept of switching views. AngularJS based controller decides which view to render based on the business logic.

Question: Does Angular use the jQuery library?

Yes, Angular can use jQuery if you have included the jQuery library.
IF Not, Angular falls back to its own implementation of the subset of jQuery that we call jQLite.

Question: What are the features of AngularJS framework?

1. AngularJS is a powerful JavaScript based development framework to create RICH Internet Application (RIA).
2. AngularJS provides developers options to write client side application (using JavaScript) in a clean MVC (Model View Controller) way.
3. Application written in AngularJS is cross-browser compliant. AngularJS automatically handles JavaScript code suitable for each browser.
4. AngularJS is open source, completely free, and used by thousands of developers around the world. It is licensed under the Apache License version 2.0.


Question: What is scope in AngularJS?

Scopes are objects that refer to the model. They act as glue between controller and view.

Question: What is data binding in AngularJS?

Data binding is the automatic synchronization of data between model and view components. ng-model directive is used in data binding.

Question: What is deep linking in AngularJS?

Deep linking allows you to encode the state of application in the URL so that it can be bookmarked. The application can then be restored from the URL to the same state.

Question: What is ng-app, ng-init and ng-model?

ng-app – To initialize the Angular Application.
ng-init – To initialize the Angular Application data.
ng-model – To bind the html tags (input, select, textarea) to Angular Application Data.

Question: How AngularJS integrates with HTML?

Scopes are objects that refer to the model. They act as glue between controller and view.
AngularJS being a pure javaScript based library integrates easily with HTML.
Include angularjs javascript libray in the html page

<head>
   <script src = "https:s://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
</head>

Question: What is Data Binding in Angular JS?

It is synchronization of data between the model(Angular Application variable) and view components (display with {{}}).

Question: Give an Example of Data-Binding in AngularJS?

<div ng-app="" ng-init="name=20;cost=5">
<b>Total Cost: {{ quantity * cost }}</b>
</div>

Question: What is Looping in AngularJs and Give an Example?

It is used to display the data in loop same as foreach in PHP
Example:

<div data-ng-app="" data-ng-init="names=['Web','Technology','Experts','Notes']">
<b>Loop Example:</b>
  <br />
<ul>
<li data-ng-repeat="x in names">
      {{ x }}
    </li>
</ul>
</div>

Question: Explain uppercase filter.

Uppercase filter converts a text to upper case text.

In below example, we’ve added uppercase filter to an expression using pipe character. Here we’ve added uppercase filter to print student name in all capital letters.

Enter first name:<input type = "text" ng-model = "student.firstName">
Enter last name: <input type = "text" ng-model = "student.lastName">
Name in Upper Case: {{student.fullName() | uppercase}}

Question: Explain lowercase filter.

Lowercase filter converts a text to lower case text.

In below example, we’ve added lowercase filter to an expression using pipe character. Here we’ve added lowercase filter to print student name in all lowercase letters.

Enter first name:<input type = "text" ng-model = "student.firstName">
Enter last name: <input type = "text" ng-model = "student.lastName">
Name in Upper Case: {{student.fullName() | lowercase}}