AngularJS-101 Flashcards
What is the parent tag that mekes a web-page angular?
ng-app
Where the other tags must be defined like say ng-controller?
They must be defined along side or as child tag to ng-app
What is a Paragraph tag?
{{var}} it is a placeholder
How can we format a var?
You may use Paragraph tag with the vertical bar:
{{crr_time|date:’h:mm:ss a’}}
Can we have name to ng-app tag?
Yes its good , in case if we have more than one angular app in one page
What is ng-view annotation?
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
What is a module?
This is how we define namespace in Angjs. It is like packages in java
How do we define the module
var modName = angular.module(‘modName’, [dependencies]), and then modName will go in ng-app
What is $routeProvider
It tells which controller to load for a url, and which htmk view to show up
What is the syntax for $routeProvider?
var rp = function($routeProvider){$routeProvider.when('/chapter/:id', {controller: 'ctrl',
templateUrl : 'template.html'}).when...Does route supports back and fourth of browser buttone?
Yes
By default which global variable is reached by each ng-directive for their value or function
$scope, and if something is not found then it goes to$rootScope
What is ng-model attribute?
ng-model takes a name , the same name looks into with . operator attached to the $scope
What is $location?
It defines the current url
What is $routeParams
The routeparams passed
How do you define the Controller particular to an app?
NGAppName.controller(‘’, function(){});
What is the meaning of config in angukar?
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
How does a dependency get injected in angular?
Anything that gets defined in param, that way it the angular instantiate the dependency injection.
How do you define the service or model?
modName.service(‘serviceName’, funtion() { this.model = function(){ return [{id : 0, data : ‘data1} , {id : 1, data ‘data2’}]}
Can we use plain javascript or anyother js framwork
Yes if the other can have a var, you are good to go
What is $id and $window
$id will give a unique id for the current $scope
$window will give us the window object
What index values are given by $ng-repeat?
$index, $first, $last, $middle for all iterations except first and last
Can you say an e.g. of ng-model
<p> {{eventName}} </p>
angular.controller(“…“,function($scope){
$scope.eventName = funtion(){
return “…”
}
})
How does angjs provides the SPA view?
WIth the use of ng-view, ng-template & $routeProvider
What is ng-model in angjs?
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
What is the basic rule(format) to iterate in ng-options ?
item as item.key for items in arr
How can you show /hide the element on scope.var basis
Use ng-show and ng-hide
