top button
Flag Notify
    Connect to us
      Site Registration

Site Registration

How to create custom directives in AngularJS?

0 votes
427 views
How to create custom directives in AngularJS?
posted Oct 5, 2017 by Latha

Share this question
Facebook Share Button Twitter Share Button LinkedIn Share Button

1 Answer

0 votes

You can create your own custom directive by using following syntax:

var app = angular.module('app', []);
//creating custom directive syntax
app.directive("myDir", function () {
 return {
 restrict: "E", //define directive type like E = element, A = attribute, C =
class, M = comment
 scope: { //create a new child scope or an isolate scope
 title: '@' //@ reads the attribute value,
 //= provides two-way binding,
 //& works with functions
},
 template: "<div>{{ myName }}</div>",// define HTML markup
 templateUrl: 'mytemplate.html', //path to the template, used by the directive
 replace: true | false, // replace original markup with template yes/no
 transclude: true | false, // copy original HTML content yes/no
 controller: function (scope) { //define controller, associated with the directive
template
 //TODO:
 },
 link: function (scope, element, attrs, controller) {//define function, used for
DOM manipulation
 //TODO:
 }
 }
});
answer Oct 5, 2017 by Shivaranjini
...