AngularJS Interview Questions and Answers

How to validate form data in AngularJS?

AngularJS has enriches client-side form filling validation. It support HTML 5 validations and also allow to creationof custom validation to validate data.
For example following can be used to track error: 
•    $dirty - states that value has been changed.
•    $invalid- states that value entered is invalid.
•    $touched-states that value has been touched.

Explain the concept of Watchers, Dirty checking and Digest cycle?

The data-bindings in AngularJS can be achieved via Watchers, Dirty checking and Digest cycle concept-
Watchers: Angular creates a watcher that observes the view property, which will be triggered whenever the model changes, allowing Angular to update the view content.
Dirty checking: It is the process to check whether the item has been changed or not by comparing a value with its previous value, and if it has changed then a change event is fired.
Digest cycle: when any change happens in the model the view gets updated. This updating of the model and the view is done by a loop called as digest cycle.

What is dependency injection and how does it work in Angular?

Dependency injection is a software design pattern where we inject the dependent objects rather than consumer creating the objects. 
There are two big benefits of DI: - Decoupling and Testing.

How to make an Ajax call using AngularJS?

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:
functionajaxController($scope,$http) {
varurl="serverData.txt";
$http.get(url).success( function(response) {
   $scope.showdataonPage = response; 
});

How do we make HTTP get and post calls in Angular?

To make HTTP calls we need to use the “$http” service of Angular. In order to use the http services you need to make provide the “$http” as an input in your function parameters as shown in the below code.
$http({ method: "GET", url: "http://localhost/SomeMethod"     }).success(function (data, status, headers, config)
        {                   // Here goes code after success        }
$http({ method: "POST", url: "http://localhost/SomeMethod "}).success(function (data, status, headers, config)
    {      // Here goes code after success    }

Explain ng-app directive?

The ng-app directive is used to bootstrap an AngularJS application.It can also be used to declare module for an application and for initialize the angular expression variable.

Explain ng-controller directive?

The ng-controller directive specifies a Controller thatbind with scope to populate view from model data.

Explain ng-model directive?

The ng-model bind the view property by evaluating the expression on the current scope. If the property doesn't already exist on this scope, it will be created implicitly and added to the scope.
The two way binding can enable on property with this directive.

Explain ng-click directive?

The ng-Click directive allows you to specify custom behavior and evaluation of expression when an element is clicked.
For ex;value of count changed when html button are clicked 
<button ng-click="count = count + 1" ng-init="count = 0">Increment</button>
count: {{count}}

Explain ng-repeat directive?

The ng-Repeat directive will repeat the instance of the element upon which it is declared for each item in a collection.

There are following variable we can used with this directive
$index : Iterator offset of the repeated element (0..length-1)
$first : True, if the repeated element is first in the iterator
$middle : True, if the repeated element is between first and last in the iterator
$last : True, if the repeated element is last in the iterator
$even : True, if the iterator position $index is even (otherwise, false)
$odd : True, if the iterator position $index is odd (otherwise, false)

Explain ng-show and ng-hide directive?

The ng-Show directive shows or hides the given HTML element based on the expression provided to the ng-Show attribute. And samethe ng-Hide directive shows or hides the given HTML element based on the expression provided to the ng-Hide attribute.

Latest Updates

Articles

Choose appropriate article for the given sentence:
__________ teachers had ________ late lunch as their meeting lasted longer than___ hour.

Child Development & Pedagogy

Which of the following is the most effective way to create interest for learning in a student?

The rules of presenting the content to make them easy are called_________?

The term SLD in children’s mental health denotes for?

The child will be able to use proper sentences by the age of?

Indian Politics

______is an institutional mechanism to provide representation to the states of India?

Books and Authors

Which text is not written by Kalidasa?

Indian Constitution

Which Constitutional Amendment introduced Right to Education as a Fundamental Right?

Indian History

Which animal is engraved on Harappan seals?

Indian Politics

Who is known for initiating electoral reforms in India to ensure free and fair elections?

Indian Constitution

The sequence in which the given terms are mentioned in the preamble to the Constitution of India is?

Which of the following parts of the Constitution of India provides fundamental rights ?

Books and Authors

Who among the following is the author of ‘Politics’?

Which one is the text not written by Abul Fazl?

Which King was the author of Ratnawali, Nagananda, Priyadarsika?

Fill in the blank

Fill in the blanks with the most appropriate preposition in the given sentence.
The class begins _______ 7:30 am _____ the morning.

The workers were so skilled that their _____ was quite visible even to a layman.

Articles

Choose appropriate article for the given sentence:
______ German is ___ easy language to learn for English speaking students.

Latest Job Notifications

Banking Jobs

बैंकिंग कार्मिक चयन संस्थान Institute of Banking Personnel Selection(IBPS) - 7855 पद - 29/07/2022 अंतिम तिथि

SSC Recruitment

कर्मचारी चयन आयोग (एसएससी) Staff Selection Commission (SSC) - 1411 पद - 29/07/2022 अंतिम तिथि

Jobs in Rajasthan

राजस्थान अधीनस्थ और मंत्रिस्तरीय सेवा चयन बोर्ड Rajasthan Subordinate and Ministerial Services Selection Board (RSMSSB) - 5546 पद - 22-Jul-2022 अंतिम तिथि

Railway Recruitment

उत्तर मध्य रेलवे भर्ती प्रकोष्ठ Railway Recruitment Cell(NCR) - 1659 पद - 01/08/2022 अंतिम तिथि

Jobs in West Bengal

इंडियन पोस्ट सर्विस Indian Post Service - 2357 पद - 19/08/2021 अंतिम तिथि - पश्चिम बंगाल पोस्टल सर्कल

Banking Jobs

भारतीय स्टेट बैंक State Bank of India(SBI) - 6100 पद - 26/07/2021 अंतिम तिथि - CRPD/APPR/2021-22/10

SSC Recruitment

कर्मचारी चयन आयोग Staff Selection Commission(SSC) - 25271 पद - 31/08/2021 अंतिम तिथि

Jobs in Madhya Pradesh

राष्ट्रीय स्वास्थ्य मिशन मध्य प्रदेश National Health Mission MP(NRHM) - 5215 पद - 22/06/2021 अंतिम तिथि

Jobs in Punjab

पंजाब स्टेट पावर कॉर्पोरेशन लिमिटेड Punjab State Power Corporation Limited (PSPCL) - 2632 पद - 20/06/2021 अंतिम तिथि

Jobs in Chhattisgarh

स्वास्थ्य सेवा निदेशालय, छत्तीसगढ़ Department of Health & Family Welfare, Chhattisgarh - 267 पद - 26/06/2021 अंतिम तिथि