We, at Fundoo Solutions are proud to announce the launch of our University Section where we will be discussing and posting some interesting tutorials, tips and tricks and case studies from our experiences. We are rolling out the Tutorial section with an indepth dive into AngularJS Directives. Yes, we now have a step by step AngularJS Directives Tutorial!
AngularJS Directives are AngularJS’ way of creating custom reusable components. For this tutorial, we just expect you to be familiar with AngularJS basics, as well as be comfortable with syntax and scopes and other terms we might use throughout the tutorial.
For the purpose of the tutorial, we cover:
- What is a directive
- Some basics dos and dont’s & useful tips
- Creating a simple rating widget that shows ratings
- Allows clicking and changing the rating
- Lets controllers register callbacks that are notified when the user selects a rating
Here’s what it will look like by the time we are done with it:
By the end of the tutorial you’ll have fair enough idea of how directives in AngularJS work and we are pretty sure you’ll start coding your own custom directives soon after.
Can’t wait to get started? We too, so here is the link for AngularJS Directives Tutorial.