1
00:00:01,290 --> 00:00:02,670
Hello again, everyone.

2
00:00:03,540 --> 00:00:11,430
All right, so far we've understood component logic and we've made some small changes to it, so now

3
00:00:11,430 --> 00:00:14,880
it's time to understand one of angler's most powerful features.

4
00:00:15,180 --> 00:00:18,180
And that, my friends, is data binding.

5
00:00:20,130 --> 00:00:26,970
Now, of course, you might want to ask what the heck is data binding, but it's very simple.

6
00:00:26,970 --> 00:00:33,800
We can basically say that data mining provides communication between typescript and template.

7
00:00:33,810 --> 00:00:35,130
So e-mail.

8
00:00:37,300 --> 00:00:44,980
Now, we know that the user sees the view layer that is the HTML page in the browser and it performs

9
00:00:44,980 --> 00:00:46,360
its operations on this layer.

10
00:00:50,180 --> 00:00:56,690
For example, a user will enter user information or make selections on the page, and we know that in

11
00:00:56,690 --> 00:01:00,470
the background jobs are performed on the typescript file.

12
00:01:01,880 --> 00:01:07,460
And here is a communication between template and type script, thanks to data binding.

13
00:01:09,130 --> 00:01:09,790
All right, so.

14
00:01:10,760 --> 00:01:14,990
Data mining is actually a communication.

15
00:01:15,930 --> 00:01:16,390
Right.

16
00:01:17,220 --> 00:01:21,540
So that means there's two basic methods for this type of communication.

17
00:01:22,080 --> 00:01:24,180
First one is one way data binding.

18
00:01:24,910 --> 00:01:27,480
The second one is to weigh data binding.

19
00:01:28,420 --> 00:01:32,560
Sounds simple, but let's start with one way data mining.

20
00:01:33,480 --> 00:01:42,030
So this type of data communication is perhaps a simple way to exchange where the e-mail file changes

21
00:01:42,450 --> 00:01:44,250
when we change the typescript.

22
00:01:45,390 --> 00:01:53,880
One way data mining can be examined under three subtitles, one string interpellation, two property

23
00:01:53,880 --> 00:01:56,730
binding, three event binding.

24
00:01:57,830 --> 00:02:03,740
So with a string interpellation in property binding, the output data in HTML is with the change in

25
00:02:03,740 --> 00:02:10,490
typescript with event binding, there's a one way communication from HTML to typescript, for example,

26
00:02:10,490 --> 00:02:12,200
when a user presses a button.

27
00:02:13,490 --> 00:02:21,650
But if we want to trigger typescript with a user change, you got to use to weigh data binding, OK,

28
00:02:21,650 --> 00:02:22,240
because a.

29
00:02:23,150 --> 00:02:29,260
Change in the template with one way communication won't be able to update on the typescript side.

30
00:02:30,380 --> 00:02:33,920
So Angular solves this with two wadada binding.

31
00:02:37,250 --> 00:02:42,890
So this lesson we touched on the basic question of what is data binding?

32
00:02:44,310 --> 00:02:52,560
So don't worry, we're going to get into detail on these four methods in our upcoming lessons, but

33
00:02:52,560 --> 00:02:56,490
I do want to talk about string interpolation in our next lesson.

34
00:02:56,520 --> 00:02:56,910
All right.

35
00:02:57,000 --> 00:02:57,620
See you then.

36
00:02:58,020 --> 00:02:58,680
Bye for now.
