Question 1

1. What is the syntax of ForEach loop? which loop would you use to parse a JSON and why?

Accepted Answer

Below is the syntax of for each loop:

angular.ForEach(students,function(value,key)
{
    //some code
}
To parse JSON, we can use any loop, but I would use for each loop because it will minimize my code by eliminating the need to store the length of a JSON in a variable.

Question 2

2. Explain MVC in reference to angular?

Accepted Answer

AngularJs is an MVC based framework, where Model for a controller contains data, the controller for a view contains the logic to manipulate that data, and the view is the HTML that displays the data.

A $scope can be considered as a model, whereas the functions written in angular controller modifies the $scope and HTML display the value of the scope variable.

Question 3

3. What is two-way binding?

Accepted Answer

Two-way binding means that when data in the view is changed the underlying model gets updated automatically and when a model from the controller is changed the view gets updated.

Question 4

4. Can there be two ng-app for a single angular application?

Accepted Answer

No, there can't be more than one ng-apps for a single AngularJS application.
The ng-app directive conveys AngularJS application that it is the root element. In your HTML document, you can have a single ng-app directive only. In case of more than one ng-app directives, the first appearance will be used.

Question 5

5. What is $scope?

Accepted Answer

$scope is a model for a controller and helps the controller in interacting with the view.

(This is a super short answer to this question, but it is complete in every sense. Try not to put any additional angular terms).

Question 6

6. Name a few inbuilt angular filters?

Accepted Answer

Currency, lowercase, uppercase, number, date are few inbuilt angular filters.

{{nameOfStudent|uppercase}}

Question 7

7. What are custom filters? Write down a syntax of the same?

Accepted Answer

With AngularJS we can create our own filters. This can be done by associating the filter to our module. These types of filters are called custom filters.

Below is the code to count the number of elements in the string by using filter:

    angular.module('myCountFilterApp', [])
   .filter('count',function()
{
    return(function(input)
    {
        var out=[];
        out=input.split(',');
        return out.length;
    })
});
In the above example, if the string is "21, 34, 45" then output after applying filter will be 3.

Question 8

8. What is the difference between ng-if and ng-show?

Accepted Answer

Ng-if doesn’t render the portion of DOM element on which it is associated if the specified condition is not met whereas ng-show renders the DOM element but set its CSS property of display to none if the specified condition is not met.

Question 9

9. What is the purpose of the $watch?

Accepted Answer

The purpose of $watch is to keep track of the old and new value of the watched expression. Below is the code of using $watch.

 $scope.$watch("checkInDate", function (newValue, oldValue) {
                console.log("I've changed : ", newValue);
            });

Question 10

10. What is the purpose of $rootScope?

Accepted Answer

$rootScope helps in communication between different controllers of an application. AngularJS can have only one rootScope for an app.

Question 11

11. Write down the syntax for sending HTTP request?

Accepted Answer

$http({
                    method: "POST",
                    url: "URL",
                    data: JSON.stringify(value),
                    type: 'POST',
                    contentType: 'application/json; charset=utf-8'
                }).then(function (response)
                {
                    // success action
                });

Question 12

12. Where should one use form action instead of $http for accessing a method on a server?

Accepted Answer

Form action should be used at a place where the server-side method takes the control to some other view in other word leads to redirection whereas HTTP request should be used where the server method returns some data.

Question 13

13. What is the purpose of find index in AngularJS and what does it return if no value is found?

Accepted Answer

Find index returns the position of an element in an object. If the requested element is not found then -1 is returned.

 var index = $scope.items.findIndex(record => record.date =='2018-12-12');
In the above code, index of the object is returned where item.date=2018-12-12.

Question 14

14. What is ng-init used for?

Accepted Answer

Ng-init is used in a scenario where we want some action to be done before the initialization of a portion of the DOM element.

Question 15

15. Can I set an angular variable from PHP session variable without sending an HTTP request?

Accepted Answer

Yes, we can do that by injecting PHP in the required place.

$scope.name='';
This will work only if you are using PHP to render the HTML and the above javascript is writter in  tag inside the php file.

Question 16

16. What is the significance of pipe operator in angularJs and What would be the result of following expression

Accepted Answer

{{ Somevalue|lowercase|uppercase}}
Pipe operator in AngularJS represents filters that are used on the expression. The preference order is from left to right. So, the result of the above expression would be SOMEVALUE.

Question 17

17. Explain the following code:

Accepted Answer

{{hotel.name}}
Here, setFinalFilter is a custom filter used on the hotels object. The result would display the name of filtered hotels in ascending order of their minPrice.

Question 18

18. What is service in AngularJS used for?

Accepted Answer

Services in AngularJS are objects which are used to communicate within entire applications.

app.service('sharedData', function () {
 //methods to get and set variable
    });

Question 19

19. What is dependency injection and what are the benefits of it?

Accepted Answer

Dependency injection is a powerful design pattern that allows separating the concerns of different components in an application and provides a way to inject the dependent component into the client component.

Consider the below code:

 myApp.controller('myController', function ($scope, $http, $location)
    {
        //logic 
    });
Here, a controller is declared with its dependencies.

.$http, $location are all services which are injected into the controller as a dependent entity. All of them have some independent specific task associated with it. MyController does not need to create their instance, but it can directly use them.

Question 20

20. Write down the syntax of creating a new date object?

Accepted Answer

The syntax for creating new data object:

$scope.newDate=new Date();

Learn AngularJS

angular js

Overview

What you will learn?

What are the requirements?

What I am going to get from this course

Target Audience

+1-800-543-5571

Request more information

Frequently Asked Questions

What kind of learning does ITlearn360.com provide?

Who are the instructors @ITlearn360.com?

Are classes @ITlearn360.com conducted through online video streaming?

Don't miss out, stay tuned!

Offered Academies

Software Testing Academy

Code Academy

Cloud Academy

Career Guidance Academy

Cyber Security Academy

Information

Home

All Courses

Career Paths

Get Started

Contact us

About Us

Mail us @ training@itlearn360.com

Call us @ +1-(800) 543-5571