Explore topic-wise InterviewSolutions in Current Affairs.

This section includes 7 InterviewSolutions, each offering curated multiple-choice questions to sharpen your Current Affairs knowledge and support exam preparation. Choose a topic below to get started.

1.

Which Are The Core Directives Of Angular Js?

Answer»

FOLLOWING are the three CORE directives of AngularJS.
•ng-app − This directive defines and LINKS an AngularJS application to HTML.
•ng-model − This directive BINDS the values of AngularJS application data to HTML input controls.
•ng-bind − This directive binds the AngularJS Application data to HTML tags.

Following are the three core directives of AngularJS.
•ng-app − This directive defines and links an AngularJS application to HTML.
•ng-model − This directive binds the values of AngularJS application data to HTML input controls.
•ng-bind − This directive binds the AngularJS Application data to HTML tags.
Discussion
2.

Explain Angular Js Boot Process.

Answer»

When the page is loaded in the BROWSER, FOLLOWING things HAPPEN:
· HTML document is loaded into the browser, and evaluated by the browser. Angular JS JavaScript file is loaded; the angular global object is created. Next, JavaScript which registers controller functions is executed.
· Next Angular JS scans through the HTML to look for Angular JS apps and views. Once view is LOCATED, it connects that view to the corresponding controller function.
· Next, Angular JS executes the controller functions. It then renders the views with data from the model populated by the controller. The page gets ready.

When the page is loaded in the browser, following things happen:
· HTML document is loaded into the browser, and evaluated by the browser. Angular JS JavaScript file is loaded; the angular global object is created. Next, JavaScript which registers controller functions is executed.
· Next Angular JS scans through the HTML to look for Angular JS apps and views. Once view is located, it connects that view to the corresponding controller function.
· Next, Angular JS executes the controller functions. It then renders the views with data from the model populated by the controller. The page gets ready.
Discussion
3.

Explain Ng-bind Directive ?

Answer»

ng-bind directive binds the AngularJS APPLICATION data to HTML tags. ng-bind UPDATES the model created by ng-model directive to be displayed in the html tag whenever user input SOMETHING in the control or updates the html control’s data when model data is updated by controller.

ng-bind directive binds the AngularJS Application data to HTML tags. ng-bind updates the model created by ng-model directive to be displayed in the html tag whenever user input something in the control or updates the html control’s data when model data is updated by controller.
Discussion
4.

Explain Ng-model Directive?

Answer»

ng-model directive BINDS the values of AngularJS APPLICATION DATA to HTML input CONTROLS. It creates a model variable which can be used with the html PAGE and within the container control( for example, div) having ng-app directive.

ng-model directive binds the values of AngularJS application data to HTML input controls. It creates a model variable which can be used with the html page and within the container control( for example, div) having ng-app directive.
Discussion
5.

Explain Ng-app Directive?

Answer»

ng-app DIRECTIVE defines and LINKS an AngularJS application to HTML. It also INDICATE the START of the application.

ng-app directive defines and links an AngularJS application to HTML. It also indicate the start of the application.
Discussion
6.

How Angular Js Integrates With Html?

Answer»

ANGULARJS being a pure javaScript based LIBRARY INTEGRATES easily with HTML.
Step 1 − Include angularjs javascript libray in the html page
<head> src = “http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js&#8221;> </head>
Step 2 − Point to AngularJS app
Next we tell what part of the HTML CONTAINS the AngularJS app. This done by adding the ng-app attribute to the root HTML element of the AngularJS app. You can either add it to html element or body element as shown below:
<body ng-app = “myapp”> </body>

AngularJS being a pure javaScript based library integrates easily with HTML.
Step 1 − Include angularjs javascript libray in the html page
<head> src = “http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js&#8221;> </head>
Step 2 − Point to AngularJS app
Next we tell what part of the HTML contains the AngularJS app. This done by adding the ng-app attribute to the root HTML element of the AngularJS app. You can either add it to html element or body element as shown below:
<body ng-app = “myapp”> </body>
Discussion
7.

Explain Ng-controller Directive ?

Answer»

Ng-CONTROLLER directive tells ANGULARJS what controller to use with this VIEW. AngularJS application mainly relies on controllers to control the flow of DATA in the application. A controller is a JavaScript object CONTAINING attributes/properties and functions. Each controller accepts $scope as a parameter which refers to the application/module that controller is to control.

Ng-controller directive tells AngularJS what controller to use with this view. AngularJS application mainly relies on controllers to control the flow of data in the application. A controller is a JavaScript object containing attributes/properties and functions. Each controller accepts $scope as a parameter which refers to the application/module that controller is to control.
Discussion
8.

Explain Ng-init Directive ?

Answer»

ng-init DIRECTIVE initializes an AngularJS Application data. It is USED to put values to the VARIABLES to be used in the application.

ng-init directive initializes an AngularJS Application data. It is used to put values to the variables to be used in the application.
Discussion
9.

What Are Angular Js Expressions?

Answer»

EXPRESSIONS are used to bind application DATA to html. Expressions are written INSIDE double braces like {{ expression}}. Expressions BEHAVE in same way as ng-bind directives. AngularJS application expressions are pure JavaScript expressions and OUTPUTS the data where they are used.

Expressions are used to bind application data to html. Expressions are written inside double braces like {{ expression}}. Expressions behave in same way as ng-bind directives. AngularJS application expressions are pure JavaScript expressions and outputs the data where they are used.
Discussion
10.

Explain Ng-repeat Directive ?

Answer»

ng-repeat directive REPEATS HTML ELEMENTS for each ITEM in a collection.

ng-repeat directive repeats html elements for each item in a collection.
Discussion
11.

Explain Uppercase Filter?

Answer»

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}}

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}}
Discussion
12.

Explain Filter Filter?

Answer»

filter filter is USED to filter the array to a SUBSET of it based on provided criteria.
In below example, to display only required SUBJECTS, we’ve used subjectName as filter.

Enter subject: <input TYPE = “text” ng-model = “subjectName”>
Subject:
<ul>
<li ng-repeat = “subject in student.subjects | filter: subjectName”>
{{ subject.name + ‘, marks:’ + subject.marks }}
</li>
</ul>

filter filter is used to filter the array to a subset of it based on provided criteria.
In below example, to display only required subjects, we’ve used subjectName as filter.

Enter subject: <input type = “text” ng-model = “subjectName”>
Subject:
<ul>
<li ng-repeat = “subject in student.subjects | filter: subjectName”>
{{ subject.name + ‘, marks:’ + subject.marks }}
</li>
</ul>
Discussion
13.

Explain Currency Filter?

Answer»

Currency FILTER formats text in a currency format.
In below example, we’ve ADDED currency filter to an expression returning number USING pipe character. Here we’ve added currency filter to print fees using currency format.

Enter fees: <INPUT TYPE = “text” ng-model = “student.fees”>
fees: {{student.fees | currency}}

Currency filter formats text in a currency format.
In below example, we’ve added currency filter to an expression returning number using pipe character. Here we’ve added currency filter to print fees using currency format.

Enter fees: <input type = “text” ng-model = “student.fees”>
fees: {{student.fees | currency}}
Discussion
14.

Explain Ng-show Directive?

Answer»

ng-SHOW directive shows a given control.
In below example, we’ve ADDED ng-show attribute to a HTML button and PASS it a model. Then we’ve attached the model to a checkbox and can see the VARIATION.

<input type = “checkbox” ng-model = “showHide1”>Show Button
<button ng-show = “showHide1”>Click Me!</button>

ng-show directive shows a given control.
In below example, we’ve added ng-show attribute to a HTML button and pass it a model. Then we’ve attached the model to a checkbox and can see the variation.

<input type = “checkbox” ng-model = “showHide1”>Show Button
<button ng-show = “showHide1”>Click Me!</button>
Discussion
15.

Explain Ng-disabled Directive?

Answer»

ng-disabled directive disables a given control.
In below example, we’ve added ng-disabled attribute to a HTML button and PASS it a model. Then we’ve ATTACHED the model to an checkbox and can see the variation.
<INPUT type = “checkbox” ng-model = “enableDisableButton”>Disable Button
<button ng-disabled = “enableDisableButton”>CLICK Me!</button>

ng-disabled directive disables a given control.
In below example, we’ve added ng-disabled attribute to a HTML button and pass it a model. Then we’ve attached the model to an checkbox and can see the variation.
<input type = “checkbox” ng-model = “enableDisableButton”>Disable Button
<button ng-disabled = “enableDisableButton”>Click Me!</button>
Discussion
16.

Explain Order By Filter?

Answer»

orderby filter ORDERS the array based on provided criteria.
In below EXAMPLE, to order subjects by marks, we’ve USED orderBy marks.
Subject:

<ul&GT;
<li ng-repeat = “subject in student.subjects | orderBy:’marks'”>
{{ subject.name + ‘, marks:’ + subject.marks }}
</li>
</ul>

orderby filter orders the array based on provided criteria.
In below example, to order subjects by marks, we’ve used orderBy marks.
Subject:

<ul>
<li ng-repeat = “subject in student.subjects | orderBy:’marks'”>
{{ subject.name + ‘, marks:’ + subject.marks }}
</li>
</ul>
Discussion
17.

Explain Ng-hide Directive?

Answer»

ng-hide directive hides a given control.
In below example, we’ve ADDED ng-hide attribute to a HTML button and pass it a model. Then we’ve attached the model to a CHECKBOX and can see the variation.

<INPUT type = “checkbox” ng-model = “showHide2”>Hide Button
<button ng-hide = “showHide2”>CLICK Me!</button>

ng-hide directive hides a given control.
In below example, we’ve added ng-hide attribute to a HTML button and pass it a model. Then we’ve attached the model to a checkbox and can see the variation.

<input type = “checkbox” ng-model = “showHide2”>Hide Button
<button ng-hide = “showHide2”>Click Me!</button>
Discussion
18.

Explain Ng-click Directive?

Answer»

ng-click directive represents a AngularJS click event.
In below example, we’ve added ng-click attribute to a HTML button and added an expression to UPDATED a MODEL. Then we can SEE the variation.

<p>Total click: {{ clickCounter }}</p></td>
<button ng-click = “clickCounter = clickCounter + 1”>Click Me!</button>

ng-click directive represents a AngularJS click event.
In below example, we’ve added ng-click attribute to a HTML button and added an expression to updated a model. Then we can see the variation.

<p>Total click: {{ clickCounter }}</p></td>
<button ng-click = “clickCounter = clickCounter + 1”>Click Me!</button>
Discussion
19.

How Angular.module Works?

Answer»

angular.module is used to CREATE AngularJS modules along with its DEPENDENT modules.
CONSIDER the following example:
VAR mainApp = angular.module(“mainApp”, []);
Here we’ve declared an application mainApp module using angular.module FUNCTION. We’ve passed an empty array to it. This array generally contains dependent modules declared earlier.

angular.module is used to create AngularJS modules along with its dependent modules.
Consider the following example:
var mainApp = angular.module(“mainApp”, []);
Here we’ve declared an application mainApp module using angular.module function. We’ve passed an empty array to it. This array generally contains dependent modules declared earlier.
Discussion
20.

How To Validate Data In Angular Js?

Answer»

ANGULARJS enriches form FILLING and validation. We can use $dirty and $invalid FLAGS to do the validations in seamless way. Use novalidate with a form declaration to disable any BROWSER specific validation.
Following can be used to track error.
$dirty − states that value has been changed.
$invalid − states that value ENTERED is invalid.
$error − states the exact error.

AngularJS enriches form filling and validation. We can use $dirty and $invalid flags to do the validations in seamless way. Use novalidate with a form declaration to disable any browser specific validation.
Following can be used to track error.
$dirty − states that value has been changed.
$invalid − states that value entered is invalid.
$error − states the exact error.
Discussion
21.

How To Make An Ajax Call Using Angular Js?

Answer»

AngularJS provides $HTTP control which works as a service to make ajax CALL to read DATA from the server. The server makes a database call to get the desired records. AngularJS needs data in JSON format. Once the data is ready, $http can be used to get the data from server in the following manner:
function studentController($scope, $http) {
VAR url = “data.txt”;
$http.get(url).success( function(response) {
$scope.students = response; 
});
}

AngularJS provides $http control which works as a service to make ajax call to read data from the server. The server makes a database call to get the desired records. AngularJS needs data in JSON format. Once the data is ready, $http can be used to get the data from server in the following manner:
function studentController($scope, $http) {
var url = “data.txt”;
$http.get(url).success( function(response) {
$scope.students = response; 
});
}
Discussion
22.

What Is $rootscope?

Answer»

Scope is a SPECIAL JavaScript object which PLAYS the role of joining controller with the views. Scope contains the model data. In CONTROLLERS, model data is accessed VIA $scope object. $rootScope is the parent of all of the scope variables.

Scope is a special JavaScript object which plays the role of joining controller with the views. Scope contains the model data. In controllers, model data is accessed via $scope object. $rootScope is the parent of all of the scope variables.
Discussion
23.

What Is Use Of $routeprovider In Angular Js?

Answer»

$routeProvider is the KEY service which SET the configuration of URLS, maps them with the corresponding html PAGE or ng-template, and attaches a CONTROLLER with the same.

$routeProvider is the key service which set the configuration of urls, maps them with the corresponding html page or ng-template, and attaches a controller with the same.
Discussion
24.

What Is A Service?

Answer»

Services are JavaScript functions and are responsible to do specific TASKS only. Each service is responsible for a specific TASK for example, $HTTP is used to make ajax CALL to get the server data. $route is used to define the routing information and so on. Inbuilt services are always prefixed with $ symbol.

Services are JavaScript functions and are responsible to do specific tasks only. Each service is responsible for a specific task for example, $http is used to make ajax call to get the server data. $route is used to define the routing information and so on. Inbuilt services are always prefixed with $ symbol.
Discussion
25.

What Is Service Method?

Answer»

Using service method, we define a service and then ASSIGN method to it. We’ve also injected an ALREADY AVAILABLE service to it.

mainApp.service(‘CalcService’, function(MathService)
{
this.square = function(a) { 
RETURN MathService.multiply(a,a); 
}
});

Using service method, we define a service and then assign method to it. We’ve also injected an already available service to it.

mainApp.service(‘CalcService’, function(MathService)
{
this.square = function(a) { 
return MathService.multiply(a,a); 
}
});
Discussion
26.

What Is Factory Method?

Answer»

USING factory METHOD, we first DEFINE a factory and then assign method to it.
VAR mainApp = angular.module(“mainApp”, []);
mainApp.factory(‘MathService’, function() { 
var factory = {}; 
factory.multiply = function(a, b) {
RETURN a * b 
}
return factory;
});

Using factory method, we first define a factory and then assign method to it.
var mainApp = angular.module(“mainApp”, []);
mainApp.factory(‘MathService’, function() { 
var factory = {}; 
factory.multiply = function(a, b) {
return a * b 
}
return factory;
});
Discussion
27.

What Are The Differences Between Service And Factory Methods?

Answer»

factory method is used to DEFINE a factory which can later be used to create services as and when required whereas service method is used to create a service whose purpose is to do some DEFINED task.

factory method is used to define a factory which can later be used to create services as and when required whereas service method is used to create a service whose purpose is to do some defined task.
Discussion
28.

What Is Constant?

Answer»

constants are used to PASS VALUES at config PHASE considering the FACT that value cannot be used to be passed during config phase.
mainApp.CONSTANT(“configParam”, “constant value”);

constants are used to pass values at config phase considering the fact that value cannot be used to be passed during config phase.
mainApp.constant(“configParam”, “constant value”);
Discussion
29.

Is Angular Js Extensible?

Answer»

Yes! In AngularJS we can create custom directive to extend AngularJS existing functionalities.
Custom directives are used in AngularJS to extend the functionality of HTML. Custom directives are defined using “directive” function. A custom directive simply replaces the element for which it is activated.
AngularJS application during bootstrap FINDS the matching elements and do ONE time ACTIVITY using its COMPILE() method of the custom directive then process the element using link() method of the custom directive based on the scope of the directive.

Yes! In AngularJS we can create custom directive to extend AngularJS existing functionalities.
Custom directives are used in AngularJS to extend the functionality of HTML. Custom directives are defined using “directive” function. A custom directive simply replaces the element for which it is activated.
AngularJS application during bootstrap finds the matching elements and do one time activity using its compile() method of the custom directive then process the element using link() method of the custom directive based on the scope of the directive.
Discussion
30.

Which Components Can Be Injected As A Dependency In Angular Js?

Answer»

Angular JS provides a SUPREME Dependency Injection mechanism. It provides FOLLOWING CORE components which can be injected into each other as dependencies.
1.value
2.factory
3.service
4.provider
5.constant

Angular JS provides a supreme Dependency Injection mechanism. It provides following core components which can be injected into each other as dependencies.
1.value
2.factory
3.service
4.provider
5.constant
Discussion
31.

On Which Types Of Component Can We Create A Custom Directive?

Answer»

Angular JS PROVIDES support to CREATE custom directives for following type of elements.
Element directives − Directive ACTIVATES when a MATCHING element is encountered.
Attribute − Directive activates when a matching attribute is encountered.
CSS − Directive activates when a matching css style is encountered.
Comment − Directive activates when a matching comment is encountered.

Angular JS provides support to create custom directives for following type of elements.
Element directives − Directive activates when a matching element is encountered.
Attribute − Directive activates when a matching attribute is encountered.
CSS − Directive activates when a matching css style is encountered.
Comment − Directive activates when a matching comment is encountered.
Discussion
32.

What Is Internationalization?

Answer»

INTERNATIONALIZATION is a way to SHOW locale specific information on a website. For example, display content of a website in English LANGUAGE in United States and in Danish in FRANCE.

Internationalization is a way to show locale specific information on a website. For example, display content of a website in English language in United States and in Danish in France.
Discussion
33.

How To Implement Internationalization In Angular Js?

Answer»

Angular JS supports inbuilt internationalization for three types of FILTERS currency, date and numbers. We only need to incorporate corresponding js according to LOCALE of the country. By default it handles the locale of the browser. For example, to use DANISH locale, use FOLLOWING script

Angular JS supports inbuilt internationalization for three types of filters currency, date and numbers. We only need to incorporate corresponding js according to locale of the country. By default it handles the locale of the browser. For example, to use Danish locale, use following script
Discussion
34.

What Are The Advantages Of Angular Js?

Answer»

Advantages of Angular JS:
1.Angular JS provides capability to create Single Page Application in a very clean and maintainable way.
2.Angular JS provides data binding capability to HTML thus giving user a rich and responsive experience.
3.Angular JS code is unit testable.
4.Angular JS uses dependency injection and make USE of separation of concerns.
5.Angular JS provides reusable components.
6.With Angular JS, developer WRITES less code and gets more functionality.
7.In Angular JS, views are pure html PAGES, and controllers written in JavaScript do the business processing.
8.Angular JS applications can run on all major browsers and smart phones including Android and IOS based phones/tablets.

Advantages of Angular JS:
1.Angular JS provides capability to create Single Page Application in a very clean and maintainable way.
2.Angular JS provides data binding capability to HTML thus giving user a rich and responsive experience.
3.Angular JS code is unit testable.
4.Angular JS uses dependency injection and make use of separation of concerns.
5.Angular JS provides reusable components.
6.With Angular JS, developer writes less code and gets more functionality.
7.In Angular JS, views are pure html pages, and controllers written in JavaScript do the business processing.
8.Angular JS applications can run on all major browsers and smart phones including Android and iOS based phones/tablets.
Discussion
35.

What Is Deep Linking In Angular Js?

Answer»

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.

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.
Discussion
36.

What Is Routing In Angular Js?

Answer»

It is CONCEPT of SWITCHING views. ANGULAR JS based CONTROLLER decides which view to render based on the business logic.

It is concept of switching views. Angular JS based controller decides which view to render based on the business logic.
Discussion
37.

Explain Templates In Angular Js.

Answer»

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”.

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”.
Discussion
38.

Explain Directives In Angular Js.

Answer»

Directives are markers on DOM ELEMENTS (such as elements, attributes, css, and more). These can be used to create custom HTML TAGS that serve as new, custom widgets. Angular JS has built-in directives (ng-bind, ng-model, ETC) to perform most of the task that developers have to do.

Directives are markers on DOM elements (such as elements, attributes, css, and more). These can be used to create custom HTML tags that serve as new, custom widgets. Angular JS has built-in directives (ng-bind, ng-model, etc) to perform most of the task that developers have to do.
Discussion
39.

What Are The Filters In Angular Js?

Answer»

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.

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.
Discussion
40.

What Are The Services In Angular Js?

Answer»

Angular JS COME with several built-in services. For EXAMPLE $http SERVICE is USED to make XMLHttpRequests (AJAX calls). Services are singleton objects which are instantiated only once in app.

Angular JS come with several built-in services. For example $http service is used to make XMLHttpRequests (Ajax calls). Services are singleton objects which are instantiated only once in app.
Discussion
41.

What Are The Controllers In Angular Js?

Answer»

Controllers are JavaScript functions that are bound to a particular scope. They are the PRIME actors in Angular JS FRAMEWORK and carry functions to OPERATE on data and decide which view is to be updated to SHOW the updated model based data.

Controllers are JavaScript functions that are bound to a particular scope. They are the prime actors in Angular JS framework and carry functions to operate on data and decide which view is to be updated to show the updated model based data.
Discussion
42.

What Is Scope In Angular Js?

Answer»

SCOPES are objects that refer to the model. They ACT as GLUE between controller and VIEW.

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

What Is Data Binding In Angular Js?

Answer»

DATA binding is the AUTOMATIC synchronization of data between MODEL and VIEW components. ng-model directive is used in data binding.

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