AngularJS Essentials

Creating Reusable Components with Directives
title: "@"
},
transclude: true,
require: "^accordion",
link: function (scope, element, attrs, ctrl, transcludeFn) {
element.bind("click", function () {
scope.$apply(function () {
scope.active = !scope.active;
});
});
}
};
});
Now, we need to define the controller inside the accordion directive; otherwise, an
error will be thrown that says the controller can't be found.
controller
The controller is pretty similar to the link function and has almost the same
parameters, except itself. However, the purpose of the controller is totally different.
While it is recommended that you use the link to bind events and create behaviors,
the controller should be used to create behaviors that will be shared with other
directives by means of the require property:
directives.html
parking.directive("accordion", function () {
return {
template: "",
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;
});
[ 46 ]
www.it-ebooks.info