1
00:00:00,920 --> 00:00:02,630
Hello again, everyone.

2
00:00:03,230 --> 00:00:05,900
So are you excited?

3
00:00:07,270 --> 00:00:12,640
I am, because in this section, we're going to try to understand the components and their properties.

4
00:00:13,540 --> 00:00:17,110
Now we've learned to work with styles and templates in the last few lessons.

5
00:00:17,140 --> 00:00:23,140
So in this lesson, I really want to get into that selecter in the TIPS file.

6
00:00:25,830 --> 00:00:32,910
Now, we know that The Selecter in this component decorator is what we use and other component files

7
00:00:33,000 --> 00:00:41,130
to indicate this component and this selecter must be unique because if there are more than one selecter,

8
00:00:41,130 --> 00:00:43,880
of course, with the same name, you're going to get some problems.

9
00:00:45,090 --> 00:00:51,150
Now, it might be a little of a challenge to understand which feature is which component.

10
00:00:52,250 --> 00:01:00,230
So you just got to stay sharp, all right, and pay attention to this, I'll make sure that you do.

11
00:01:02,920 --> 00:01:08,410
Now, there's one more thing that we need to know about using Selecter or get into the nitty gritty.

12
00:01:09,890 --> 00:01:16,730
We already talked about this while, you know, talking about selecter, introducing selecter.

13
00:01:19,040 --> 00:01:22,220
Up until now, we've used selecter just like an element.

14
00:01:24,440 --> 00:01:28,970
And what we wanted to call our component, we wrote The Selecter definition like that.

15
00:01:31,230 --> 00:01:36,720
However, do you remember did I mention that this has different definitions and different writing?

16
00:01:38,060 --> 00:01:41,080
So I'll show you by examining this and a little more detail.

17
00:01:42,420 --> 00:01:49,260
So hopefully you can see this now defining The Selecter as an element, and I've called it in other

18
00:01:49,260 --> 00:01:50,430
places like that.

19
00:01:53,900 --> 00:02:01,400
And now here I come and put in a dot in front of The Selecter definition, I'm going to say the change.

20
00:02:03,400 --> 00:02:05,800
And I get an error when I look at the browser.

21
00:02:06,710 --> 00:02:08,510
That's our trouble.

22
00:02:09,860 --> 00:02:15,020
Because Angular no longer knows which component is what.

23
00:02:16,690 --> 00:02:22,330
Actually, we define The Selecter as a class, but we used it as an element.

24
00:02:24,580 --> 00:02:28,600
So if we call it as a class and a div like this, where I call it.

25
00:02:34,230 --> 00:02:39,000
The problem will disappear because now will use it as a class.

26
00:02:41,630 --> 00:02:46,040
All right, so another definition can be an attribute definition.

27
00:02:47,680 --> 00:02:54,310
So I'll I'll define this in square brackets where we define a selecter.

28
00:02:55,710 --> 00:03:00,780
And then we will use it as an attribute in the place that we were just using.

29
00:03:08,010 --> 00:03:15,390
So in other words, using The Selecter as I.D. is a bit of a problem because Angular might not be able

30
00:03:15,390 --> 00:03:16,680
to recognize it.

31
00:03:20,180 --> 00:03:23,120
So just know this is how they're defined.

32
00:03:26,080 --> 00:03:31,900
So that is a general description for an element and this is the way we use it.

33
00:03:32,710 --> 00:03:39,820
I wanted you to be able to see what happens when you encounter in different places and the selectors,

34
00:03:39,820 --> 00:03:44,440
certainly one of the essential properties that identifies each component uniquely.

35
00:03:45,520 --> 00:03:51,820
So just keep in mind, we have to use elector's very carefully, and most of the time they're used as

36
00:03:51,820 --> 00:03:52,240
elements.

37
00:03:53,050 --> 00:03:59,410
But also I wanted to share this information so that you can figure that out when you're using selectors.

38
00:04:00,160 --> 00:04:00,600
All right.

39
00:04:00,850 --> 00:04:02,350
So I'll see in the next lesson.