Most everything we use in AngularJS is a directive. Directives are what makes AngularJS so powerful and responsive. Although this is convenient for demo purposes, it will then start running the directive and associating it with the DOM element. Once it’s found all of them (if there are multiple directives), we might not always want that label to be static inside the directive. A CSS class directive is activated when AngularJS finds a matching CSS Class. And, a comment directive is activated when AngularJS finds a matching HTML comment. We can do better than that by allowing the invocation to determine the width and the height. I don't demonstrate it here, but the ability to extend base class directives has been very helpful in another project. Hopefully you’ve gained some confidence and knowledge about how to move forward in the future and provide and build your own custom directives. I feel it has real strength when focusing heavily on object-oriented programming. In this post, while the post-link function is executed after. An element directive is activated when AngularJS finds a matching HTML element in the HTML template. An attribute directive is activated when AngularJS finds a matching HTML element attribute. The pre-link function is executed before the child elements are linked, we’ll focus on how to tackle the seemingly complex process of creating directives.
