93. Module Introduction

Jul 15, 2026 01:01 · 1:23 · English · Whisper Turbo · 2 Qof-dheer

Qoraalkani wuxuu dhacayaa maanta. Kordhinta kaydinta joogtada ah →

Liiska Qoraalka

0:02

S… Speaker 1 (93. Module Introduction)

Time to take another look at directives and not only repeat quickly

0:06

S… Speaker 1 (93. Module Introduction)

what we learned thus far,

0:07

S… Speaker 1 (93. Module Introduction)

but also learn how to build our own directives and really

0:11

S… Speaker 1 (93. Module Introduction)

dive into the difference between attribute and structural directives and what this star

0:15

S… Speaker 1 (93. Module Introduction)

means on the structural directives.

0:17

S… Speaker 2 (93. Module Introduction)

Well,

0:18

S… Speaker 1 (93. Module Introduction)

I already said it,

0:19

S… Speaker 1 (93. Module Introduction)

right? We got attribute and structural directives.

0:22

S… Speaker 1 (93. Module Introduction)

Attribute directives are called like this because they sit

0:27

S… Speaker 1 (93. Module Introduction)

on elements just like attributes and structural directives

0:31

S… Speaker 1 (93. Module Introduction)

basically do the same,

0:32

S… Speaker 1 (93. Module Introduction)

but they also change the structure of the DOM around this element.

0:36

S… Speaker 1 (93. Module Introduction)

If you have ngf on a paragraph,

0:39

S… Speaker 1 (93. Module Introduction)

if that condition is false,

0:41

S… Speaker 1 (93. Module Introduction)

this paragraph is removed from the DOM,

0:44

S… Speaker 1 (93. Module Introduction)

so the overall view container is affected.

0:46

S… Speaker 1 (93. Module Introduction)

Whereas on the attribute directive,

0:48

S… Speaker 1 (93. Module Introduction)

you never destroy an element from the DOM,

0:51

S… Speaker 1 (93. Module Introduction)

you only change properties of that element,

0:54

S… Speaker 1 (93. Module Introduction)

for example,

0:54

S… Speaker 1 (93. Module Introduction)

the background color.

0:56

S… Speaker 1 (93. Module Introduction)

So that is why we have attribute directives only affecting the

1:00

S… Speaker 1 (93. Module Introduction)

element they sit on and structural directives,

1:02

S… Speaker 1 (93. Module Introduction)

which also affect the whole DOM or the view container,

1:05

S… Speaker 1 (93. Module Introduction)

the area around the element which they were placed on.

1:09

S… Speaker 1 (93. Module Introduction)

That is the difference.

1:10

S… Speaker 1 (93. Module Introduction)

Now with that,

1:11

S… Speaker 1 (93. Module Introduction)

let's briefly have a look at the directives we already know and how

1:15

S… Speaker 1 (93. Module Introduction)

to use them before we then dive into building our own ones and learn more about structural

1:20

S… Speaker 1 (93. Module Introduction)

directives.

Qoraalkan waxaa abuuray AI (u aqoonsiga hadalka otomaatiga ah). Waxay ku jiri kartaa khaladaad — xaqiijin ka dhanka ah audio asalka ah ee isticmaalka muhiimka ah. Xeerka AI

❤️ Jecel STT.ai? Ka warran saaxiibbadaa!

Qiyaas

Riix Summarize in ay soo saaraan AI faahfaahin ka mid ah qoraalkan.

Su'aal AI Ku saabsan this transcript

Su'aal wax kasta oo ku saabsan qoraalkan - AI ka heli doonaa qaybaha la xiriira iyo jawaab.

Ku dheji mid kale