AngularJS For Everyone Tutorial #20 - Creating A Basic Directive

Support Free Tutorials

The best shared web hosting

Subscribe to Level Up Pro for extra features!

Subscribe to the Level Up Newsletter

To Support Level Up Tuts:

Simple cloud hosting, built for developers.:

HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop.

[Mc]

You are really good in doing tutorials. Had a nice preview of the potential of AngularJS and how it is working, and that in three hours! Thank you.

[jessewilson]

Thanks for another great series Scott! Looking forward to the continuation.

[huanliu]

Thanks Scott. Learnt a lot from you and looking forward for the next video.

[piyushhack]

Great Series. Please Can you upload more regarding hitting the Api's and making a small project on angular-js

[husreihn]

Thanks Scott, I've learned alot from you.
The last upload on this series is 5 oktober It is mid January 2016 now...

Can you please upload more about Api's and stuff like RESTfull services, how to store stuff and get it back...

[liyuqin]

Great tutorial! Waiting for the next one.

[DANJUMA]

Thanks for all the videos. Series is amazing. I need more though, like the cookie monster. Now I have to go search for videos that show how to break up controllers and directives into different files. Also I need to learn about partials and factories!

[islamsayed]

Well, It is about three years now since this last video in the series. Will you add some of your really cool video tutorials to it?
I hope so.
Thank you, Scott for your good tutorials!

[Werlox]

subed hoping to see the next episode soon

[lucarossetto]

Pls Scott, when the intermediate lessons??

[Kajerman]

While doing this the styling of the text to the right of the image changes so that it is to the right but down at the bottom.
I had to add float: right; to have it be in the center of the image. It doesn't take display: inline-block;

[Amir-wfif]

What you show at 5:28 is definitely a cashed version because it can't be so. You just renamed the person.html to dir-person.html and the first list which is by ng-include, is still using the person.html . Please confirm that.

[JasonCtutorials]

scott are you going to do restful api? aka services on angular. LOLs. So lost.

[ashishpoudyal]

Hey mate, please complete the tutorial.

[GifCoDigital]

Scott long time watcher, love most of your stuff but really disappointed with this Angular tut. It just seems this has been abandoned half way through which is fine but PLEASE put a warning on the first episode so people like me who watch it start to finish and spend 4 hours of their life are ready for the fact the most important parts are missing.
Why more time wasnt spent on what Angular really is (MVC) such as routing and state changes but there were THREE episodes on useless animations (that really isnt part of Angular and can be done many other ways)
I hope you do come back to this, and I really hope you leave out all the crap and show how to do an actual simple single page app.
Sorry if I come off sour but again just spent a lot of time on this and assumed you would at least cover the very basics of how to get a simple app up and running with this. Thanks for all your hard work though.

[lazmataz]

Love the style, it's very good for an Attention Deficit Disorder like me.... but SON I AM DISAPPOINT. You do not go on to how to link to a WebAPI or talk at all about how to consume JSON or be RESTful.

Please produce AngularJS For Everyone, episodes 21 - 30, in which you do, .