AngularJS Tutorial 3

Welcome to the 3rd part of my AngularJS Tutorial. In this part we'll learn about jqLite, editing HTML element text, css, attributes, and classes. We'll append, prepend, remove and replace HTML elements. We'll also create custom directives in multiple ways and will learn about transclusion.

Thank you to Patreon supports like the following for helping me make this video

@kyleaisho
@thetwistedhat

[klauseValentine]

00:30 custom directive
04:27 addClass to element
05:18 list children element
06:24 select element via id
06:50 more select id examples
07:36 ng-click
08:05 select element attr
09:19 removeClass
09:42 hasClass
10:27 prop
11:06 toggleClass
11:58 attribute directive
13:55 angular.isArray
14:18 element.append
15:01 scope.$eval
15:54 .after()
16:34 .prepend()
17:05 .remove element
17:35 .replace
18:27 element directive
19:19 directive.restrict
19:51 directive.template
20:29 directive.scope
20:47 directive.compile element.bind
22:23 transclusion

[视频集萃]

thank you, Mr. Banas for providing the best angular tutorial I had ever watched.

[Vanillavegan]

I appreciate all your tutorials! I would love to see some for T-SQL and PL/SQL, since there aren't many tutorials on these, and they aren't high quality like yours. Also, I'm an IT student and thinking about going into database design, and I noticed that companies often mention these skills as requirements, but my college does not teach them. Thanks!

[sathishkrishnan]

great videos ...became a regular watcher of your videos ..thank you for all your tutorials

[jeannemccabe]

Another great tutorial! I must have missed when to remove the "$" from "scope". I see it is missing in some places....

[sabirsabirr]

I so like your tutorial.Never seen such a tutor like derek which cover almost every thing in short vedio.I request you to make a "CODENAME ONE" complete tutorial to cover every thing about making app through CODENAME ONE.Plz never ignor my msg because i m in a place where quality education is very rare & i cannot find tutorials about it.I will be in wait of "Complete CodeName One tutorial by DEREK BANAS".

[timfetter]

I really enjoy your videos. How would you render multiple values using the array-item attribute on line 20? I tried array-item="name, avg", & array-item="name avg".

[anandpatil]

@Derek Banas - When you toggled the boldness of Hank, it did not update the test "Is Hank Bold"...why? Is it because you did not put it in the scope and bind it?

[MrChinner]

Hey Derek,
I'm currently using Python and Django for a new site, and I'd like to implement a type of "liking" system. I'm quite new to backend web development and I think I will need to use jQuery and AJAX to submit many tiny quick forms to manipulate the database.

ANYWAYS, do you have an AJAX tutorial or have a recommended way to learn it?

Keep up the amazing work you're doing!

[darwinmanalo]

HATTRICK! You're a f*cking legend!

[sandeepksaini]

I don't think we need to pass arguments in functions. since all values are available in scope anyway as long as ng-model is used.

[guanajawilbur]

Hey Derek, are you going to cover animations with Angular? It would be a interesting topic.

[InvisiblePotHead]

Derek, I love your stuff. Thank you for doing this. Are you thinking to do Bash or Linux? Keep up the awesome work

[HK-dusd]

.css("thick") does not work in (at least) chrome or safari.

[museethio]

Hey Derek, do you happen to know how much it costs to install a background checking systems on a website? I have to provide this answer to the investors.
Thanks, and I am still hopping you can help me build my planned site. Few of the investors I talked to won't get convinced with the skill of the programmers i provided them. And I still can't find a way to find a programmer like you.
Anyhow, Thanks Derek.

[arabiccompprograming]

ONLY GUIDES FOLKS !!!
Can Derek make a video on the mental thinking approach of Computer
Programming to demystify this conception.

Derek Banas has put alot of his time contributing to youtubers on what
programming in computers entails. I appreciate what he offers his
viewers.

After viewing these videos, and having over 10 years experience in web
programming, these tutorials should only be considered as GUIDANCE only.
It does not make any different whatsoever whether one is a complete
novice or have many years of experience.

I use this teaching content as a reference, one can learn directly
computer programming, but becoming a computer programmer requires alot
more than viewing other peoples teaching videos.

becoming a entry-level programmer requires many avenues of skillsets
from learning from others, and PRIMARILY testing onself to develop
LOGICAL THINKING, REASONING, etc...
One should think outside the Paridgm of following along code teaching
snippets. Because everybody forgets, including senior long-term
experienced programmers.

Can Derek make a video on the mental thnking approach of Computer
Programming to demystify this conception.

Any comments respond. Thanks

[sarithaaedma]

Derek, I am trying to do fileupload and also send some formdata to the backend controller. I don't think this topic is covered in your angularJS tutorials. Can you help?

[SUTHERNCMFRT]

Not sure what I'm doing wrong, but my console is saying, "Uncaught SyntaxError: Unexpected token :" which is referencing the colon after "template", just after "transclude: true, ".

I copied your HTML and JS exactly (except the lorem ipsum strings). Maybe you can help?

[arabiccompprograming]

ANGULAR ANGULAR LIBRARY.
A web framework that just works. LEARN IT IF YOU CAN.
Ajax requests is my Favourites for now.

[andregomes]

When is your second video on Electronics Tutorial coming? I'm waiting!