Deep Dive into Custom Directives in AngularJS

Considered one of the most important features of AngularJS 1.X, directives allow you to create new elements on the view or give special meaning to existing elements. Many built-in directives allow you to perform tasks like manipulating the DOM, binding data, handling events, modifying CSS and more. But what about when you need to write custom directives? Learn all about custom directives and how to use them in this webinar.

[fahimismailmagdum]

Extremely Good and clear

please let me know if anyone have any other angular js tutorial explained by Dhanjay Sir ....

[shobipersonal]

Excellent tutorial, really appreciated.

[bala]

fabulous Tutorial....Thank you very much

[sijimathew]

nice tutorial sir. Thank you very much

[sdmj]

I need to learn more about custom directives like link attributes etc used inside custom directive.
Can you please send me links for that too which will continue this video playlist?
If not there, please make more videos on custom filter and more depth of angular js real time eg

[jeckyanand]

Hi Dhananjay,
This tutorial was very informative and descriptive.Thank you making this video.
I need to learn more about custom directives like link attributes etc used inside custom directive.
Can you please send me links for that too which will continue this video playlist?
Please send it asap if it is there.

[hackersvideo]

Hi, Very nice tutorial. Thanks for that. You suppose publish another tutorial as you said at the last of your lecture. Please send me the link for that.

[naveensinde]

ver nice tutorial. please publish tutorial service vs factory in Angularjs

[saadsalam]

Very nice tutorial by showing example.Those who make fun of pronunciation should understand English is not a first language to all.

[kesavanarayana]

how to change the templateUrl return value based on the attribute value but the attribute value is containing interpolated value because I've bounded the values in the ng-repeat directive then how to access that value in the template URL block.

angular.module('myApp', ["CustomDirectiveModule"])
.controller('myController', ['$scope', function ($scope) {
$scope.numbers = [1, 2, 3, 4, 5]
}])
.directive("myDir", function ($log) {
return {
templateUrl: function (elem, attr) {
// here I want to access the value 1, 2, 3, 4, 5
// how to accomplish that
if(valu==1)
return "Cust_Template1.html";
if(valu==2)
return "Cust_Template2.html";
..
...
}
};
})

<div ng-app="myApp">
<div ng-controller="myController">
<div ng-repeat="n in numbers">
<my-dir val="{{n}}"></my-dir>
</div>
</div>

[RajYadav-yhvv]

wasted long time for understanding isolated scope and with poor explanation...not satisfied sirji about isolated scope. u need rest