AngularJS-101

Question 1

What is the parent tag that mekes a web-page angular?

Answer 1

ng-app

Question 2

Where the other tags must be defined like say ng-controller?

Answer 2

They must be defined along side or as child tag to ng-app

Question 3

What is a Paragraph tag?

Answer 3

{{var}} it is a placeholder

Question 4

How can we format a var?

Answer 4

You may use Paragraph tag with the vertical bar:

{{crr_time|date:’h:mm:ss a’}}

Question 5

Can we have name to ng-app tag?

Answer 5

Yes its good , in case if we have more than one angular app in one page

Question 6

What is ng-view annotation?

Answer 6

This tells where the dynamic data view should be loaded. Onky ine instance of ng-view is allowed. If we require some dynamism , ng-view is required , other tags will serve static purpose

Question 7

What is a module?

Answer 7

This is how we define namespace in Angjs. It is like packages in java

Question 8

How do we define the module

Answer 8

var modName = angular.module(‘modName’, [dependencies]), and then modName will go in ng-app

Question 9

What is $routeProvider

Answer 9

It tells which controller to load for a url, and which htmk view to show up

Question 10

What is the syntax for $routeProvider?

Answer 10

var rp = function($routeProvider){$routeProvider.when('/chapter/:id', {controller: 'ctrl',
templateUrl : 'template.html'}).when...

Question 11

Does route supports back and fourth of browser buttone?

Answer 11

Yes

Question 12

By default which global variable is reached by each ng-directive for their value or function

Answer 12

$scope, and if something is not found then it goes to$rootScope

Question 13

What is ng-model attribute?

Answer 13

ng-model takes a name , the same name looks into with . operator attached to the $scope

Question 14

What is $location?

Answer 14

It defines the current url

Question 15

What is $routeParams

Answer 15

The routeparams passed

Question 16

How do you define the Controller particular to an app?

Answer 16

NGAppName.controller(‘’, function(){});

Question 17

What is the meaning of config in angukar?

Answer 17

THe config could be any workable , the config could be a $routeProvider, the $routeProvider or any injection does go to function param , and then you can use it

Question 18

How does a dependency get injected in angular?

Answer 18

Anything that gets defined in param, that way it the angular instantiate the dependency injection.

Question 19

How do you define the service or model?

Answer 19

modName.service(‘serviceName’, funtion() { this.model = function(){ return [{id : 0, data : ‘data1} , {id : 1, data ‘data2’}]}

Question 20

Can we use plain javascript or anyother js framwork

Answer 20

Yes if the other can have a var, you are good to go

Question 21

What is $id and $window

Answer 21

$id will give a unique id for the current $scope

$window will give us the window object

Question 22

What index values are given by $ng-repeat?

Answer 22

$index, $first, $last, $middle for all iterations except first and last

Question 23

Can you say an e.g. of ng-model

Answer 23

<p> {{eventName}} </p>

angular.controller(“…“,function($scope){

$scope.eventName = funtion(){
return “…”
}

})

Question 24

How does angjs provides the SPA view?

Answer 24

WIth the use of ng-view, ng-template & $routeProvider

Question 25

What is ng-model in angjs?

Answer 25

It is a ang directive to bind the value to scope, in case the var is not there , it will be created.
, this var will be made available in ctrl with scope

Question 26

What is the basic rule(format) to iterate in ng-options ?

Answer 26

item as item.key for items in arr

Question 27

How can you show /hide the element on scope.var basis

Answer 27

Use ng-show and ng-hide