Mastering Web Application

Building Advanced Directives If an element contains multiple directives then for that element: A scope is created, if necessary ...

Chapter 9 Accessing the transclusion function As described in the section on transclusion functions, directive controllers can b ...

Building Advanced Directives Using a directive controller in accordion To enable the groups to communicate with each other the a ...

Chapter 9 }; this.addGroup = function(groupScope) { var that = this; this.groups.push(groupScope); groupScope.$on('$destroy', fu ...

Building Advanced Directives ng-click="isOpen=!isOpen">{{heading}}</a> </div> <div class="accordion-body" ng-s ...

Chapter 9 restrict:'E', transclude:true, replace: true, templateUrl:'template/accordion/accordion-group.html', scope:{ heading:' ...

Building Advanced Directives We end up with this kind of HTML repeated all over our forms: <div class="control-group" ng-clas ...

Chapter 9 The directive definition object for this field directive looks like this: restrict:'E', priority: 100, terminal: true, ...

Building Advanced Directives Most of the time AngularJS takes care of interpolating strings into expressions, that is, when usin ...

Chapter 9 Here, we create a getFullName interpolation function, from the '{{first}} {{last}}' string and then call it with a sco ...

Building Advanced Directives Setting up the field template In the field directive's link function, we call loadTemplate with the ...

Chapter 9 We copy in the labelContent and apply the for attribute to the label element: element.append(templateElement); $compil ...

...

Building AngularJS Web Applications for an International Audience We live in a global village where anyone equipped with an inte ...

Building AngularJS Web Applications for an International Audience Using locale-specific symbols and settings AngularJS deliverab ...

Chapter 10 Where the locale.js file should contain a module definition with a dependency on the ngLocale module: angular.module( ...

Building AngularJS Web Applications for an International Audience Currency filter The currency filter can format a number as cur ...

Chapter 10 In an AngularJS application there are at least two places where we can find words to be translated to a target langua ...

Building AngularJS Web Applications for an International Audience Using filters Assuming that we've got JSON structure with tran ...

Chapter 10 While the filter-based approach to translation seems to be easy and flexible it has adverse performance implications. ...