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

[@v897796]

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

[@naveenkumar-wl5tn]

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..

[@Techcbt-online]

Thanks Naveen

[@CodeCraftsman]

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

[@pradeepkumar-tx8fo]

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

[@PrettyPrishaB]

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

[@Techcbt-online]

Thanks Bhalchandra

[@ajitmote318]

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

[@0abh]

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

[@Techcbt-online]

This would you a complete explanation on when to use interpolate: kzbin.info/www/bejne/Z324qoKVot-Gjqc Thanks.

[@prasadn86]

Thank you for the detailed explanation.....Keep going......

[@Techcbt-online]

Thank you.

[@Techcbt-online]

"Angular JS Compile and Link - Part 1" is available here: kzbin.info/www/bejne/mJupooavmcl2m6M

[@anandhegde9345]

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!!!

[@Techcbt-online]

Thank you

[@sdmj730]

awesome tutorials......thanks

[@trinathrok5395]

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

[@abrieljohngabriel8686]

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!

[@nishants3967]

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! :)

[@HemantKumar-yk2jk]

Excellent video ... Thank You.

[@Techcbt-online]

Thank you Hemant

[@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.

[@yasserebrahim8534]

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!

[@kiranchandra2373]

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?

[@Techcbt-online]

Thanks Kiran. My answers below 1. Not always. Directive's controller scope could be different from that of angular controller scope. 2. It really burns down to the requirement. You might want to check the cycle here: kzbin.info/www/bejne/mJupooavmcl2m6M

[@sskrypt460]

Hi, you're videos are very good. I have a query though: You wrote : in your a01.htm: {{i}} 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?

[@Techcbt-online]

Any jsfiddle?

[@burakyigit1446]

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?

[@tarunpahuja3443]

unless until specified directives do not create new scope instead they use parent scope ( which could be controller scope or root scope )

[@deepikaanna9747]

Can you upload a video on custom validation for checkbox

[@n.rukkumani7297]

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

[@HemantKumar-yk2jk]

In controller function you are using $scope , $element etc.. but in post function argument you are using as scope,iElements,iAttributes.. Could you please explain why $ sign is not present except controller function .

[@Techcbt-online]

In JS, a variable can have $ symbol. And thus, '$scope' is as good as '$a' or just 'a'. It is just a standard way of defining things. You can still use $scope instead of scope. Hope this explains. Thank you.

[@HemantKumar-yk2jk]

thanks for the explanation...

[@anuragsarkar60]

Wonderful!!

[@vishaljain8868]

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

[@Techcbt-online]

"ng-click" ?

[@mehtav23]

I guess angular include jQuery lite which allows you do so

[@aakashggujju]

Thank you sir

[@Ahmed536q]

knowledge full ..... :)

[@Techcbt-online]

Thanks Ahmad

[@dipteshmukherjee346]

Excellent

[@Techcbt-online]

Thank you

[@sachinshinde5012]

Hello Tech CBT can we have github repo link for all these snippets?

[@Techcbt-online]

We keep adding those in the form of gists. You will have them here: gist.github.com/techcbt We are adding more everyday and have them rendered as part of tutorials.techcbt.com

[@arunrana381]

Thank you!

[@Techcbt-online]

Thanks Arun

[@nitinsonionline]

I don't get why controller needs interpolation though it is having its own scope

[@Techcbt-online]

You might want to check this: kzbin.info/www/bejne/Z324qoKVot-Gjqc

[@MounicaMunnaluri]

Can you explain $compile in angular js

[@Techcbt-online]

Sure. We need to cover a few more, before we start on $compile. Tune in ;)

[@darius7313]

Who is watching this in 2020 ? :)