Level 8 Level 10
Level 9

AngularJS Directives III


75 words 0 ignored

Ready to learn       Ready to review

Ignore words

Check the boxes below to ignore/unignore words, then click save at the bottom. Ignored words will never appear in any learning session.

All None

Ignore?
MVW
wat framework is ang js based on
angular js vs jquery
Query is great library for manipulating the DOM, providing better user experience with animations and effects. You can create website using jQuery but not a web application. jQuery is just a library to play ar…
adv of angular js
2 way data binding routing – which can make SPAs faster form validations done better
What is the bootstrapping in AngularJS?
Bootstrapping in AngularJS is nothing but just initializing, or starting, your Angular app. AngularJS supports automatic bootstrapping as well as manual way as well.
What are templates in AngularJS?
In Angular, templates are written with HTML that contains Angular–specific elements and attributes. Angular combines the template with information from the model and controller to render the dynamic view that a user sees in…
What are directives in AngularJS?
Directives are markers on a DOM element (such as an attribute, element name, comment or CSS class) that tell AngularJS to attach a specified behavior to that DOM element or even transform the DOM ele…
What are different type or classification of directives?
AngularJS directives can be classified in 4 different types . Element directives 1 Attribute directives 1 CSS class directives 1 Comment directives 1
What is the name of directive is used to bootstrap an angular app?
ng–app directive is used to auto–bootstrap an AngularJS application. The ng–appdirective defines the root element of the application and is typically present in the root element of the page – e.g. on the or tags.
Can AngularJS have multiple ng–app directives in a single page?
The answer is NO. Only one AngularJS application can be auto–bootstrapped per HTML document. The first ngApp found in the document will be used to define the root element to auto–bootstrap as an application…
Can you bootstrap multiple angular applications on same element?
NO. If you try to do that then it will show an error "App Already Bootstrapped with this Element". This usually happens when you accidentally use both ng–app andangular.bootstrap to bootstrap an application. You…
In how many different ways, you can define a directive and what is the best practice?
Angular generally prefers camelCase for directives. But since HTML is not case–sensitive so it refers to directive in DOM in lower case form, delimited by dash (eg. ng–app). But when Angular complies then it norma…
ng–if
binds html elements to if condition
ng–class and ng–src
used to assign css class and used to assign url image
ng–click?
ng–click : Click event to bind on HTML elements.
How Angular expressions are different from JavaScript expressions?
Angular expressions are like JavaScript expressions but there are few differences. * Context : In Angular, the expressions are evaluated against a scope object, while the JavaScript expressions are evaluated against the global window object. * Forgiv…
What is compilation process in Angular?
Once you have the markup, the AngularJS needs to attach the functionality. This process is called "compilation" in Angular. Compiling includes rendering of markup, replacing directives, attaching events to directives and creating a scope.…
scope object
AngularJS will invoke the controller with a $scope object. In AngularJS, $scope is the application object (the owner of application variables and functions).
root scope vs scope
08 Big Bird is {{ color }}. 09 10 Grover is {{ color }}. 11 12 13 The sun is {{ color }}. 14 15 …
job of a controller
AngularJS controllers control the data of AngularJS applications. AngularJS controllers are regular JavaScript Objects.
//fce-study.netdna-ssl.com/2/images/upload-flashcards/57/88/55/9578855_m.png
$scope vs scope
In case of nested controllers, does the $scope object shared across all controllers?
YES. The $scope object is shared across all controllers and it happens due to scope inheritance. Since the ng–controller directive creates a new child scope, we get a hierarchy of scopes that inherit from …
//fce-study.netdna-ssl.com/2/images/upload-flashcards/57/89/48/9578948_m.png
use of ng–bind
//fce-study.netdna-ssl.com/2/images/upload-flashcards/57/90/05/9579005_m.png
use of ng–model
ng–model vs ng–bind
Well, ng–bind directive is used only for display purpose or one way data binding Model –> View, where ng–model can be used for two way data binding Model –> View and View –> Model. …
use of filters in angular js
Filters in Angular allows to select a subset of items using expression. Filters can be added to expressions and directives using a pipe character. Suppose we want to sort the names (previous question demo)…
ng–click and ng–change
The best part about AngularJS directives are that they are self explanatory. Just looking at the name, one can imagine what should be use of the directive.ng–click directive allows you to specify custom behavior …
ng–submit
ng–submit directive is used to submit the form. But it only works when your form doesn't contain any action attribute. You can pass a function name to ng–submit and when form is submitted, the function will get called. 1
$scope.apply and $scope.digest and $scope.watch methods
$scope.watch – it has 2 functions – watch and listener; the watch function watches over a value or a variable and and causes an operation if that v…
//fce-study.netdna-ssl.com/2/images/upload-flashcards/59/28/98/9592898_m.png
various prefixes for angular directives
//fce-study.netdna-ssl.com/2/images/upload-flashcards/59/30/15/9593015_m.png
what is the notion of 'isolate' scope object when creating a custom directive? How is it different from the normal scope object?
//fce-study.netdna-ssl.com/2/images/upload-flashcards/59/30/60/9593060_m.png
what are the different return types from compile function?
//fce-study.netdna-ssl.com/2/images/upload-flashcards/59/30/78/9593078_m.png
relationship between scope.apply and scope.digest?
//fce-study.netdna-ssl.com/2/images/upload-flashcards/59/78/24/9597824_m.png
4 steps for creating an angular route
//fce-study.netdna-ssl.com/2/images/upload-flashcards/59/79/11/9597911_m.png
wat are the 2 routeProvider methods u can use while implementing angular routes ?
{{d |date:'MM/dd/yyyy @ h:mma'}}
how to use the date filter on a var d = 1444000404
//fce-study.netdna-ssl.com/2/images/upload-flashcards/59/95/16/9599516_m.png
how wud u implement ng–include?
//fce-study.netdna-ssl.com/2/images/upload-flashcards/59/95/64/9599564_m.png
advantages of using or implementing custom directives
//fce-study.netdna-ssl.com/2/images/upload-flashcards/59/95/85/9599585_m.png
how wud u build element directives?
//fce-study.netdna-ssl.com/2/images/upload-flashcards/59/97/05/9599705_m.png
how wud u build attribute directives?
//fce-study.netdna-ssl.com/2/images/upload-flashcards/59/98/13/9599813_m.png
how wud u build controller directives?
//fce-study.netdna-ssl.com/2/images/upload-flashcards/60/42/11/9604211_m.png
how can u implement the http service with the get method?
dependency injection
in order to fetch data from an API we need to use a service like the http service and then we use $http as a parameter in the controller function of our app; so …
//fce-study.netdna-ssl.com/2/images/upload-flashcards/60/43/91/9604391_m.png
fetching data from json full example
//fce-study.netdna-ssl.com/2/images/upload-flashcards/60/59/18/9605918_m.png
what happens in this function below?
//fce-study.netdna-ssl.com/2/images/upload-flashcards/60/65/69/9606569_m.png
how will make the new time appear through this funxn ? what will u need to change ?
ngJq
Use this directive to force the angular.element library. This should be used to force either jqLite by leaving ng-jq blank or setting the name of the jquery variable under window (eg. jQuery).
ngOptions
The ngOptions attribute can be used to dynamically generate a list of <option> elements for the <select> element using the array or object obtained by evaluating the ngOptions comprehension expression.
ng-app
What are the Modules/Controllers Manipualtion Angular JS Commands
ng-show / ng-hide
display a section based on an Expression
ng-repeat
repeats through array to duplicate elements
angular.lowercase
Converts the specified string to lowercase.
angular.uppercase
Converts the specified string to uppercase.
angular.forEach
Invokes the iterator function once for each item in obj collection, which can be either an object or an array. The iterator function is invoked with iterator(value, key, obj), where value is the valu…
angular.extend
Extends the destination object dst by copying own enumerable properties from the src object(s) to dst. You can specify multiple src objects. If you want to preserve original objects, you can do so by pas…
angular.merge
Deeply extends the destination object dst by copying own enumerable properties from the src object(s) to dst. You can specify multiple src objects. If you want to preserve original objects, you can do s…
angular.noop
A function that performs no operations. This function can be useful when writing code in the functional style.function foo(callback) {var result = calculateResult();(callback || angular.noop)(result);}
angular.identity
A function that returns its first argument. This function is useful when writing code in the functional style.
angular.isUndefined
Determines if a reference is undefined.
angular.isDefined
Determines if a reference is defined.
angular.isObject
Determines if a reference is an Object. Unlike typeof in JavaScript, nulls are not considered to be objects. Note that JavaScript arrays are objects.
angular.isString
Determines if a reference is a String.
angular.isNumber
Determines if a reference is a Number.
angular.isDate
Determines if a value is a date.
angular.isArray
Determines if a reference is an Array.
angular.isFunction
Determines if a reference is a Function.
angular.isElement
Determines if a reference is a DOM element (or wrapped jQuery element).
angular.copy
Creates a deep copy of source, which should be an object or an array.
angular.equals
Determines if two objects or two values are equivalent. Supports value types, regular expressions, arrays and objects.
angular.bind
Returns a function which calls function fn bound to self (self becomes the this for fn). You can supply optional args that are prebound to the function. This feature is also known as partial applicat…
angular.toJson
Serializes input into a JSON-formatted string. Properties with leading $$ characters will be stripped since angular uses this notation internally.
angular.fromJson
Deserializes a JSON string.
angular.bootstrap
Use this function to manually start up angular application.
angular.reloadWithDebugInfo
Use this function to reload the current application with debug information turned on. This takes precedence over a call to $compileProvider.debugInfoEnabled(false).
angular.injector
Creates an injector object that can be used for retrieving services as well as for dependency injection (see dependency injection).
angular.module
The angular.module is a global place for creating, registering and retrieving Angular modules. All modules (angular core or 3rd party) that should be available to an application must be registered using this mechanism.