Directives in Angular Applications
HTML-код
- Опубликовано: 13 июл 2024
- 🔥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
One of the best tutorial and presentation I ever have. Thanks
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.
The best teacher by far...thanks!
Very well presented, thanks for sharing your knowledge!
Thanks for this tutorial, Really salute your efforts!
Thank you Mosh! I appreciate you.
Very good explanation.Thank you very much !
I love your tutorial. They are detailed
Thank you for the great Tutorial :)
Awesome Tutorial I have learnt Directive very easily
best explanation i ever get
Very clear explanation, thanks a lot Mosh.
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...
greate lession.. thanks.
Thank you so much Mosh, I know understand what directives are
Such a great tutorial
Very good tutorial. Helped me a lot
haji terkoondi awliiieee
thanks mosh it was great
One of the best teacher
You re the best :) so simple
I saw the entire video just to see the custom directives, but you missed that part :(
ruclips.net/channel/UCpqJpOi5jduXNdaeSdtJLlQ&fbclid=IwAR2mC1uCdQDcRxHFdNFZz9kGnucLqqTazyKFr9Vax70ShtO6HHMG0s60QN8
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...! 👍
nice tutorial
Very nice explanation.
my respect
Super good video
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.
When it comes to Computer programming, 0 is treated a Even. So, in this case, 0 and 2 are even and 1 is odd.
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!
Your the coolest person in the world 😇
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.
Top
got it
Need more details on change Detection strategy.
Mosh put other videos of angular course for beginners.
I like it
I have noticed the play progress bar!! Great 👍
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
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
for(i=1; i
This code hurts to look at.
printThanks() { return `very good tutorial, thanks!
` + printThanks(); }
console.log(printThanks())
r/badcode
while True:
print("very good tutorial, thanks!")
What are using in this styles.css file?
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 ->]
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
This does NOT show how to build custome directives. Misleading intro
Good video, but half the content that was announced in the introduction, is not in the video :/
when I write course in ts file it showing error
watched this video only for custom directives...missing that
Why does bootstrap property not working on my project?
Why do we have to rename 'index' and 'even' variables. Can they be used with their original names?
i need an answer to this question
Hi, i have a question, what is the name of the extension for autocomplete coding?
👍🏻
Mosh, what do you mean by "Costly" in this context ?
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.
actually, i m having some problem with splice i think so, it remove like the values in stack
Why does Angular have a billion ways to do the same thing?
can anyone tell me , how to add bootstrap link and which?
i want to repeat the same line for 3 times how to do that using ngFor
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.
Too many bloody ads in the video!
dumb elements :D
Disliking becoz you wasted my time. I watched entire video for custom directives.
JavaScript, and by extension Typescript, doesn't have lists natively.