AngularJS Essentials

Chapter 2
The next properties that we are going to study are considered more complex and
reserved for advanced components. They are required every time we need to deal
with the DOM or interact with other directives. These properties are link, require,
controller, and compile.
link
Another important feature while creating directives is the ability to access the
DOM in order to interact with its elements. To achieve this mission, we need to
implement a function called link in our directive. The link function is invoked after
the framework is compiled, and it is recommended that you add behavior to the
directive. It takes five arguments as follows:
• scope: This is the scope object of the directive
• element: This is the element instance of directive
• attrs: This is the list of attributes declared within the directive's element
• ctrl: This is the controller of the require directive, and it will be available
only if it is used with the require property
• transcludeFn: This is the transclude function
The following code shows the accordion directive using the link function:
index.html
White - 10/10/2002 10:00
Black - 10/10/2002 10:36
[ 43 ]
www.it-ebooks.info