Main features of AngularJS includes the below
Data-binding, scope, controller, services, filters, directives, templates, routing, modelling, dependency injection, Deep linking
Purposely AngularJS Directives is our main deal on this post
In this post we are going to concentrate much more on the 4 basic directives of AngularJS though we have as many as possible angularjs directives. Below are the four(4) basic directives of AngularJS
Note: AngularJS have as many builtin directives but we mention only (4) four here but will update the rest in our example and references of AngularJS Directives.
Example of AngularJS Directives
<html ng-app> <head> <title>AngularJS Directives</title> </head> <script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script> <body> <section ng-init="fullName='Shopinson Mainlion'"> <p>Names: <input type="text" ng-model="fullName"></p> <p>You typed: ❴❴ fullName }}</p> </section> </body> </html>
Explanation of the example above
The angularjs expression above
❴❴ fullName }} is used alternatively to data binding directive of angularjs
ng-bind. The expression
❴❴ fullName }} confines with
Result of the example above
Another example of AngularJS directives
The below example shows the data binding and modelling directives of an AngularJS in two variables.
<section ng-init="quantities=2;prices=10"> Quantity: <input type="number" ng-model="quantities"> Costs: <input type="number" ng-model="prices"> Total Amount: ❴❴ quantities * prices }} </section>
CREATIvity Is an Act of Being a deSIGNER or deveLOPER. Without being creative one is a Dummy so therefore a script framework library like AngularJS if it cannot be modified by a developer to suit their needs then it’s not suitable to be licensed an OPEN SOURCE framework.
All I mean to express is that AngularJS directives can be created (custom directives) apart from the built-in directives.
In the new post you will see review or basically a way of creating a custom AngularJS Directives.
Since you can create a custom AngularJS Directives to suit your need or desire in the application you are developing then I bet you will be falling in Love with AngularJS and its creativity (application).