Writing Directives

[@jeffjose]

Misko cuts into some of the less-travelled parts of directives and makes it byte-sized so that more people can digest it. Amazing video and excellent tutorial. Thanks!

[@matthewghardy]

This video is still the best discussion anywhere online of how angular actually works under the hood. Have watched this video 5 times and learn something new each time. Densely packed with advanced topics in an accessible format.

[@Mithon81]

Thank you for an excellent description of directives. There are many basic tutorials, which are great, but it is this sort of depth that is needed to really get going. Of course we can read the documentation, but an oral explanation usually helps you get started. More of this please! :)

[@wazels]

This was worth watching after reading the docs and writing a couple of custom directives. Solidified some concepts and provided a few 'ah-ha!' moments!

[@saidaksakal8494]

Can you upload videos as HD quality? Our eyes hurt :) Thank You

[@ThiagoDouradodeAndrade]

Complete mindblow every second starting at 43:00

[@presstubecom]

Yup, I'd love to see the source for this on github too if possible? The next video by Vojta paired with its source on github is a fantastic combo. Very effective for learning.

[@BenjaminMaggi]

transclusion topic starts at: 45:00 (this is probably the most accurate explication of what transcluded scopes are that I've ever found !!!)

[@wwhill8033]

Superb explanation Misko.

[@maorfrankel2892]

knockout is by no means fixed. knockout has custom bindings which allow you to extend the DOM

[@dmitrynutels9340]

And now, as of version 3.2 (whenever that is due), it will have custom components as well. Just a note to future readers/listeners. Although it is worth noting that the video is, at this point, almost 2 years old.

[@keshavos]

As much as I am trying to make sense out of the AngularJS docs, stuff pretty much works. Like you mentioned the difference between CompileFunction and LinkingFunction breaking when it comes to ng-repeat. Great tut. Could we have access to the source code used in the demo on github or on AngularJS site please?

[@elydelacruz]

The tool is in the chrome webstore (using chrome browser) called AngularJS Batarang. When you search for in the chrome webstore click on the extensions tab/link to see it show up in the results.

[@FunFusionKids747]

Thanks, this cleared lots of doubts about directive

[@barryman9000]

I use Angular and Knockout, and I really like them both... but I don't consider KO a framework - it's basically a two way data binding library with a template engine so you can't really compare the two. As for the idea that the vocabulary of KO is fixed and "if the authors of KO didn't put it in there, you can't have it" I'd recommending checking out custom binding handlers.

[@ajgiliana]

This is great, but why is the code so blurry?

[@SnehasishGhoshSg]

I wish the resolution was good,!!!! can't understand anything

[@AhmadMM94]

Such a brilliant Programming Language

[@mvicen]

Dojo Toolkit has had what AngularJS calls directives since 2005.

[@MrJuitman]

At around 10:55 ish he says he assumes that we're not angular beginners but I came to this channel expecting comprehensive tutorials and that comment just made me concerned about the complexity of the rest of the video implying that he'll be using a lot more references that only already Angular users will not need explanations for that I will need. Is there a video on this channel that IS for Angular beginners or is this as comprehensive as it gets?

[@honzajscz]

Great stuff. I am amazed

[@adityamenon]

What an amazing video. Thanks again.

[@von_cidevant]

I've noticed, that you are using DVORAK keyboard layout. Do you have any problems using WebStorm (based on IntelliJ) and DVORAK? I had problem with DVORAK-QWERTY, when I tried to use CMD button to switch between layouts.

[@CantGetWorse]

He talks at just the right speed for me. Please continue to talk at the same rate of speed.

[@dilipkumar2k6]

I want to practice the code used by Misko here. Can someone please help me to get the initial code?

[@TheDucob]

Extremely helpful. Wow.

[@adityamenon]

Hi, thanks for the cool vid. Can you upload the source code for the videos? I know it may be a little trivial but I'm especially interested in the manual bootstrapping code.

[@CozIGotHigh]

What editor this guy use for this interview?

[@kchea]

i use both angularjs and knockoutjs. there are pros & cons of the two frameworks. Angularjs has too many directives whereas knockoutjs has only one directive-equivalent attribute they called it data-bind. In my opinion, it's easier and simpler to have just one attribute that can bind data or do things the same way as those many directives in the angularjs, it also doesn't pollute the html. Another thing is that how are you going to use event delegation in hundreds, if not thousands, of list items with the angular directives like ng-click, ng-dblclick, etc without degrading the performance? btw, just as angularjs allows you to extend the directives, knockoutjs also has custom binding too.

[@halivudestevez2]

ext.js is on the top.

[@RandyStimpson]

Misko we don't need to see you. We only need to hear you. This way we could view everything else with better clarity, Get video otherwise.

[@mehtanikhil]

Haha I really like what you said There is no old browsers there is IE which is true. Thanks for the explanation without it I would not have got this much of insight.

[@FacundoD]

if you find it, please please, don't hesitate of leting me know :P

[@FacundoD]

did any1 give it to you?

[@goman570]

you kind of sound like james woods at times, I like it

[@lorilyncoultas5534]

Can anyone write my essay?

[@lyndymilanesi1244]

Ordered at *essay-writers.all-about.in*. I enjoy this writer's work very much! I hope each time I need an essay done, this writer will be available.

[@扬翼李]

I'm almost crazy,so what the hell does the word "clobber" mean in this video? ps:Forgive me that i'm not a native.hope for answer

[@jmsherry]

扬翼李 What time (in the video) does he say that? Clobber means to 'batter' (to hit lots). It's slang; I've heard people say 'clobber the global scope' - which means you hit the window object with lots of global vars. Let me know when and I can explain...

[@扬翼李]

James Sherry He said it for 4 or 5 times,but,several days ago i found its explain in Wiki that it basically means An "overwrite" behavior but not "hit lots" as you said.This page will show you some details of it en.wikipedia.org/wiki/Clobbering .Anyway,thanks for your answer.

[@jmsherry]

Well I didn't realise that it was an official term, but as you can see it does come from that meaning...

[@sjatkins]

So funny that half the angularjs talks I watch contradict the recommendations of others.

[@adityamenon]

Why is Modal Directive not a "good use case"? Are you saying Modals don't belong in directives?

[@supabok]

it is webstorm! excellent ide!

[@yoscbd]

too bad video is in such a poor quality, you can barely see the code, the sound/audio is also bad, u can't here the questions being ask :(

[@BrianVanderbusch]

a few things, less than 2 minutes in. I don't need to see the presenter, if it's going to make the code impossible to read. Dojo has had "directives" in the sense you use them, for like 7 or 8 years. Knockout has custom bindings. AngularJS is awesome, but thinking you're the only product on the market and claiming you're the only product on the market are different things. If I didn't know any better, I would have not watched past the first 2 minutes where you shot your credibility all to pieces.

I'd want to point out that, this is not a good idea to put a ng-app directive to html element. . Beacause then IE7 does not work then. If you put ng-app directive on body element. It works also in IE. Just saying...

[@troybetz6379]

cool story

[@Mist3rViktor]

this is a joke you own youtube and you can't even upload video's that are watchable

[@antishok]

What he says about knockout is just not true.. knockout has had custom bindings for a long time, equivalent to angular's directives. The only difference is angular took it a step further by allowing custom tags/attributes to trigger the binding instead of just a simple string attribute describing the binding, though IMO that's a very superficial and minor difference. Don't take me wrong, I like angular very much so far.. but stop saying crap about knockout :P

[@MAKU011111]

I think this Webstorm for jetbrains

[@tommyagnew]

Better quality video feed please!!! Also author might talk just a bit slower, these topics are complex.

[@sbahal1]

The screen/code is not at all readable - what a waste.

[@stevo728822]

When is someone going to design a programming method that doesn't involve writing thousands of line of code?

[@FacundoD]

"i see lot of confused faces" :P

[@astronaute]

Please, make better quality videos, this is blurry and hurt my eyes, thanks.

[@adio1803]

he talks very fast !!

[@oxcafeoxbabe]

This is one complicated shit.

[@pictureus]

Too bad they're not going to make HTML5, just update it and keep it as HTML5 ;)

[@AndriyDrozdyuk]

Great content, unfortunately very poor quality of video. -1 for me.

[@ChrisZ901]

you have wasted real estate, not best practice. theres no value having the presenter taking that much space, we don't need to know what he looks like for an hour. Could have just shown him in the beginning and use the real estate for showing the code instead

[@adio1803]

He talks too fast :D