1
00:00:00,510 --> 00:00:01,620
Hello again, everyone.

2
00:00:02,190 --> 00:00:07,050
So far, we've gotten through quite a bit with the basics of angular.

3
00:00:08,680 --> 00:00:12,970
We've created components and we've linked our project with these components.

4
00:00:14,130 --> 00:00:16,710
Then we learned about data mining and angular.

5
00:00:18,140 --> 00:00:24,950
And through all of that, we learned the communications between our components and templates.

6
00:00:26,060 --> 00:00:32,150
So now we're going to cover directive's and again, it's another fundamental.

7
00:00:33,220 --> 00:00:41,160
Of angular, so an angular directives are used to manipulate dumb objects using angular directives,

8
00:00:41,770 --> 00:00:46,780
we can change the appearance, the behavior or even the layout of a dumb object.

9
00:00:48,110 --> 00:00:52,880
So directives are basically instructions inside the dome.

10
00:00:54,930 --> 00:00:59,900
Directives are classified under three different headings, according to how they behave.

11
00:01:00,940 --> 00:01:06,730
Component directive's structural directives and attribute directives.

12
00:01:07,790 --> 00:01:11,600
In fact, we've already used directive's without you knowing it.

13
00:01:12,650 --> 00:01:15,320
Because we've been using component directives.

14
00:01:17,250 --> 00:01:20,760
So angular components are specialized directive's.

15
00:01:21,720 --> 00:01:28,440
We could also say that directives are the ones with templates, component directives form the main class,

16
00:01:29,070 --> 00:01:34,830
so it directs how the component should be started and processed during runtime and how it should be

17
00:01:34,830 --> 00:01:35,310
used.

18
00:01:36,330 --> 00:01:37,740
Structural directive's.

19
00:01:39,300 --> 00:01:48,360
Are used to manipulate and change the structure of the game object, and they will start with the asterisk

20
00:01:48,360 --> 00:01:48,840
side.

21
00:01:49,980 --> 00:02:01,650
For example, Asterisk Angie, if DirecTV, asterisk, NJIT, switch DirecTV and asterisk gng for DirecTV,

22
00:02:01,920 --> 00:02:02,280
right?

23
00:02:03,380 --> 00:02:08,600
So NGF is a directive that allows adding and deleting DOM elements.

24
00:02:09,770 --> 00:02:17,720
Energy Switch is a directive that also allows adding into leading DOM element, so it's similar to switch

25
00:02:17,720 --> 00:02:20,810
usage in C sharp and similar languages.

26
00:02:22,610 --> 00:02:31,160
And G4 is the directive for adding iterable HTML fragments in HTML for a list.

27
00:02:33,670 --> 00:02:41,110
Now, attribute directives are used to change the appearance and behavior of the dam object, for example,

28
00:02:41,560 --> 00:02:46,060
Engy Class Directive and Engy style directive, and there's others.

29
00:02:47,410 --> 00:02:55,240
Engie class directive is used to add and delete excess classes to HTML elements.

30
00:02:56,680 --> 00:03:03,970
The Engy style directive is used to add styles to HTML elements and change styles dynamically.