Directives in Angular Applications

Подписаться 4 млн

Просмотров 179 тыс.

50% 1

🔥Get the COMPLETE COURSE (60% OFF - LIMITED TIME): programmingwithmosh.com/cours...
Learn how to use directives to manipulate the DOM in your Angular apps.
TABLE OF CONTENT
00:00 Introduction
00:31 ngIf
06:43 Hidden Property
10:08 ngSwitchCase
16:45 ngFor
21:04 ngFor and Change Detection
RELATED VIDEOS
Angular 4 Tutorial for Beginners
• Angular Tutorial for B...
Angular Version History
• AngularJS vs Angular 2...
Angular Material
• Angular Material Tutor...
Angular Animations
• Angular Animations Tut...
MY OTHER COURSES
I have several other courses on web and mobile application development. You can find them all here:
programmingwithmosh.com/courses
STAY IN TOUCH
/ programmingwithmosh
/ moshhamedani

Опубликовано:

15 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 72

@ugyensingye7427 3 года назад

i like your explaination alot! was recommended to me by a friend, and i am also sure to recommend this playlist to anyone learning Angular.

@ajitsahu4291 5 лет назад

One of the best tutorial and presentation I ever have. Thanks

@skelper99 6 лет назад

The best teacher by far...thanks!

@richardlanglois5183 6 лет назад

Very well presented, thanks for sharing your knowledge!

@saidhouwasse7507 6 лет назад

Thanks for this tutorial, Really salute your efforts!

@srikanthgubba Год назад

I am very beginer level in Angular course and really I understood about directives in detailed manner .. thank you Mosh for giving a wonderful courses to us. also I subscribed your chanel very immediately to get more videos for next lecture.. once again Thank you very much Mosh...

@WebTechies82 6 лет назад

Awesome Tutorial I have learnt Directive very easily

@TitoMitto 6 лет назад

I love your tutorial. They are detailed

@bubamanjang 6 лет назад

Thank you Mosh! I appreciate you.

@praveenrajsr2112 6 лет назад

Thank you for the great Tutorial :)

@ericwilfriedettien4603 6 лет назад

Very good explanation.Thank you very much !

@berkererol 2 года назад

Very clear explanation, thanks a lot Mosh.

@phitran3158 6 лет назад

greate lession.. thanks.

@aoam9194 6 лет назад

Such a great tutorial

@dr.faithadhiambo254 4 месяца назад

Thank you so much Mosh, I know understand what directives are

@shraddhayewale1093 Год назад

best explanation i ever get

@jokerface22 2 года назад

Very good tutorial. Helped me a lot

@sohrabtaheri1025 5 лет назад

haji terkoondi awliiieee thanks mosh it was great

@HemantKumar-yk2jk 5 лет назад

One of the best teacher

@Alex-bc3xe 3 года назад

You re the best :) so simple

@RaviRajput-ff5le 5 лет назад

I saw the entire video just to see the custom directives, but you missed that part :(

@nourinfo 4 года назад

ru-vid.com/show-UCpqJpOi5jduXNdaeSdtJLlQ&fbclid=IwAR2mC1uCdQDcRxHFdNFZz9kGnucLqqTazyKFr9Vax70ShtO6HHMG0s60QN8

@sivakumarg98 4 года назад

Haha... It's a promotion video for mosh's angular course... I have already registered his node course... Lectures were very good especially errors debugging while doing tasks he purposely make us to do errors and correct it... u can take this course if u want ... It will be definitely helpful...! 👍

@ByongyulChoi 2 года назад

In ngSwitch example. I don't know if it's version issue, but the selected value is changed to the default value because the page is reloaded.

@kal_node 4 года назад

nice tutorial

@farhangmdc Год назад

Very nice explanation.

@miskellil4844 6 лет назад

my respect

@nawaz687 5 лет назад

Super good video

@handlehandle12322 6 лет назад

21:00 because the index of rows starts from 0. So the first row is numbered 0 and the 3rd row is numbered 2, which are even numbers. 0,1,2.

@NitheshReddy 5 лет назад

When it comes to Computer programming, 0 is treated a Even. So, in this case, 0 and 2 are even and 1 is odd.

@dewinchy 3 года назад

Pretty misleading if you're a beginner, but yeah, the (EVEN) suffix is rendered if the index of that loop is treated even. The index goes from 0 to 2 in this case, so 0 and 2 are treated even. Not if the label shows an even number!

@prernapnegi 6 лет назад

What are using in this styles.css file?

@sambhavsharma9661 6 лет назад

got it

@javascript_developer 3 года назад

Need more details on change Detection strategy.

@sheshikanthkotte7314 Год назад

In ngswitch case you have written *ngSwitchCase="'map'" in this case you said that we are checking whether the value is equal to map or not but the operator you used is assignment operator not ==, even though your code is working how is it possible

@aravindj9893 3 года назад

Mosh put other videos of angular course for beginners.

@sambhavsharma9661 6 лет назад

i am using ngif but facing below problem. Please help me. compiler.es5.js:1694 Uncaught Error: Template parse errors: Can't bind to 'ngif' since it isn't a known property of 'div'. (" ]*ngif="courses.length > 0"> List of courses "): ng:///AppModule/AppComponent.html@1:5 Property binding ngif not used by any directive on an embedded template. Make sure that the property name is spelled correctly and all directives are listed in the "@NgModule.declarations". (" [ERROR ->]

@HazirEmir 6 лет назад

Top

@blessonthomas4875 3 года назад

Your the coolest person in the world 😇

@aoam9194 6 лет назад

I like it

@johmbon 2 месяца назад

Am I missing the part where you learn about custom directives like you said in the intro? I don't find the timestamp for it

@_qkyu 10 месяцев назад

Why does bootstrap property not working on my project?

@FloKorp86 5 лет назад

This does NOT show how to build custome directives. Misleading intro

@afsanamimi3084 Год назад

when I write course in ts file it showing error

@ppcris2905 4 года назад

I have noticed the play progress bar!! Great 👍

@novririzky9893 6 лет назад

for(i=1; i

@andrewpeters8357 6 лет назад

This code hurts to look at.

@jasperwes 6 лет назад

printThanks() { return `very good tutorial, thanks! ` + printThanks(); } console.log(printThanks())

@oiux5749 6 лет назад

r/badcode

@narutokunn 4 года назад

while True: print("very good tutorial, thanks!")

@MichaelSalo Год назад

Why do we have to rename 'index' and 'even' variables. Can they be used with their original names?

@emmanueltweneboah7008 Год назад

i need an answer to this question

@raiseer 2 года назад

Good video, but half the content that was announced in the introduction, is not in the video :/

@natiarquia 5 лет назад

Hi, i have a question, what is the name of the extension for autocomplete coding?

@raghupola1 6 лет назад

Hello Mosh, I have a question here, how it will look in the browser if we use hidden instead of *ngIf. Is it show empty space or it won’t create element on DOM

@samighasemi3333 2 года назад

👍🏻

@Jubinmail 3 года назад

Why does Angular have a billion ways to do the same thing?

@SandyUndefinedVlogs 6 лет назад

actually, i m having some problem with splice i think so, it remove like the values in stack

@lesleyshome 4 года назад

watched this video only for custom directives...missing that

@TUITKRISHNAKUMAR 3 года назад

Mosh, what do you mean by "Costly" in this context ?

@dewinchy 3 года назад

I think he means that if the user's gonna toggle let's say a detail view and do that toggling maybe 2-3 times and that toggling cost each time 1-2 seconds, because the whole detail view must be built up each time, it can be better to let that part in the DOM and just toggle the hidden attribute. Doing so will lower the cost regarding DOM manipulation overhead. The browser rendering of course happens each time, but that's not the time consuming part of it.

@bilalnizamani7447 4 года назад

can anyone tell me , how to add bootstrap link and which?

@bhargavk8746 6 лет назад

i want to repeat the same line for 3 times how to do that using ngFor

@bhargavk8746 6 лет назад

@AlessioCollura 6 лет назад

I like this tutorial, but adding stiffed logic inside a div to reference a dom element "by id", because we are hip and don't want to manipulate the dom, is the most stupid thing that angular is forcing on us.

@handlehandle12322 6 лет назад

Too many bloody ads in the video!