AngularJS Compile and Link - Part 2: DOM Manipulation and Event handling

-Various ways on using Compile and Link functions in Angular JS
-How does ng-repeat work with custom directives
-How to manipulate DOM (template DOM) using Compile function in Angular JS
-How to manipulate DOM (instance DOM) using Post Link function in Angular JS
-How to attach/handle events using Post Link Function in Angular JS
-How to provide event handling functions to Post Link using Directive Controllers
-How to access interpolated attribute expressions in Compile and Link functions
-How to use $interpolate to interpolate binding expressions (or strings) in Angular JS

[v]

Man, you are awesome. Nobody could further simplify these concepts and explain even better than you. Thanks a lot.

[naveenkumar-wltn]

really these vedios are superb..i search for customm directive link n compile topics on youtube ans i saw many vedios on this..but i dint get clarity..but with your vedios..i am very clear ..thanku very much for ur effort...keep posting..

[pradeepkumar-txfo]

your videos are simply wow..such a clear explanation..thank you

[ajitmote]

Thanks its very useful video i got clear idea about compile, link and dom manipulation through your video.

[CodeCraftsman]

One of awesome video I have ever seen on angular you nailed it sir :)

[PrettyPrishaB]

Detailed explanation which is very usefull.. Excellent..!!

[trinathrok]

HI,

Thanks! for your detailed explanation, it's really helps me all what are all phase happening behind the scenes. I have a doubt about pre link function.

you are suggesting all kind of DOM manipulations and event handling in post link function,
could you please explain in which scenario pre link function useful

[praveenkonduru]

It was a great video.. not to mention i think, i went through several links and tutorials but this was the best. I think we understand better when some explains the way we talk. Could you please clarify what ever we did in post, even if we do in pre that should have worked correct? since scope should be available at pre as well. So can you tell a scenario where pre would be useful. Is there any thing more we could do at post which is not possible in pre.

[abrieljohngabriel]

Hello! This has been very helpful for me because I am just starting with angularjs. However I have a question regarding the post-link function. Let's say I have a template that has several items in it. How can I access those and create some kind of manipulation? Will the iElement still be the best place to use it? Thanks so much!

[yasserebrahim]

Hi, thanks for all the very useful videos. Is there any place where we could find the code used in each video? Thanks a bunch!

[anandhegde]

Controller will also be working with the instance of the template itself right? Then why the attributes are directly accessible inside the pre and post function, but not inside controller?

[meetrajasekar]

Thanks for the detailed explanation!!!

[kiranchandra]

Good videos. :) I have 2 questions here
1) Does the directive's controller scope is related to the actual angular controller scope in which the directive is declared?
2) Can we include the event handling when we have only the post link defined and if yes how to include it and where to include it?

[abh]

Hi Tech CBT, Hi recently came across your tutorial series and find it very useful who wants to understand the Angularjs concepts. Keep up the good work!!

I have one question - At 8:40 minute the attribute value {{i}} is not evaluated in directive controller and you are using $interpolate service to achieve that.
My question is why the expression is not evaluated there despite scope is available in controller. May be you can point me to related link for details

[nishants]

Hi Sir,
I have two queries regarding compile and link of directive:

1)The $scope which has been used in controller of directive would be same, from the outer html element or outer controller in which directive has been inserted(just like case of shared or inherited )..is it right what i have perceived?

2)Just guessing that {{i}} --In Controller, didn't evaluated before interpolation because as you said(in prev video) in the 'controller phase' of directive after compile phase, the scope is just initialized and so its not evaluated and bind yet..right?Am i understanding correct?

Kindly reply for above.
Thank you for such nice tutorials and teaching! :)

[sskrypt]

Hi, you're videos are very good.
I have a query though:
You wrote : in your a01.htm:
<div message text = {{i}}
{{i}}
</div>


but in the directive definition we had not specified anything like Transclude : true,
But still {{i}} in the 2nd line is getting calculated and not being replaced by the directive.

Wondering how this is possible?

[n.rukkumani]

can u explain more detail about pre and post link function please sir

[deepikaanna]

Can you upload a video on custom validation for checkbox

[burakyigit]

i have one question, does the controller phase/function of the directive initialize an isolated scope (directive specific scope) or initialize the the element's controller scope?

[vishaljain]

I completed the functionality of this tutorial without including jquery....how onclick event worked with only angularjs included?