AngularJS Essentials

Chapter 6
Consider the following code snippet in the accordionDirective.js file:
ui.directive("accordion", function () {
return {
restrict: "E",
transclude: true,
controller: function ($scope, $element, $attrs, $transclude) {
var accordionItens = [];
var addAccordionItem = function (accordionScope) {
accordionItens.push(accordionScope);
};
var closeAll = function () {
angular.forEach(accordionItens, function (accordionScope) {
accordionScope.active = false;
});
};
return {
addAccordionItem: addAccordionItem,
closeAll: closeAll
};
},
template: ""
};
});
ui.directive("accordionItem", function () {
return {
restrict: "E",
scope: {
title: "@"
},
transclude: true,
require: "^accordion",
link: function (scope, element, attrs, ctrl, transcludeFn) {
ctrl.addAccordionItem(scope);
element.bind("click", function () {
ctrl.closeAll();
scope.$apply(function () {
scope.active = !scope.active;
});
});
[ 117 ]
www.it-ebooks.info