1 00:00:00,700 --> 00:00:02,470 All right, hello again, friends. 2 00:00:06,350 --> 00:00:13,550 We've always worked on external files up until now, and we haven't made any style changes, so now 3 00:00:13,550 --> 00:00:15,050 it's time to make those changes. 4 00:00:16,650 --> 00:00:23,370 I'm sure you remember we created the pages of the particular components and we made constant changes 5 00:00:23,370 --> 00:00:24,440 on these pages. 6 00:00:26,800 --> 00:00:33,670 And we specified the path of this page with template, you are well in the components TS file. 7 00:00:35,440 --> 00:00:42,310 And now whatever we want to do to make changes, we were going to be coming into the helpage, making 8 00:00:42,310 --> 00:00:43,030 the changes. 9 00:00:43,030 --> 00:00:50,720 So can we use an inline template instead of using an external e-mail page this way? 10 00:00:51,340 --> 00:00:52,660 Of course we can. 11 00:00:52,840 --> 00:00:55,860 I'm sure you already knew the answer and were a step ahead of me. 12 00:00:57,660 --> 00:01:02,580 So that means that we can use HD melko directly in our typescript file. 13 00:01:04,920 --> 00:01:12,290 So I'm sure you remember how we used nested components in the last lesson and we then created this page, 14 00:01:12,870 --> 00:01:17,700 so this time I want to create the same situation with an inline template. 15 00:01:20,910 --> 00:01:24,870 So for this, I'll open that typescript file of this component. 16 00:01:25,900 --> 00:01:28,630 OK, and look how we use the template you are here. 17 00:01:30,830 --> 00:01:33,260 So now I'm changing this to template. 18 00:01:34,760 --> 00:01:37,610 Now, here we should choose one of the two. 19 00:01:38,710 --> 00:01:43,390 But just keep in mind that the component always has to have a template. 20 00:01:44,400 --> 00:01:45,920 So he had to pay attention this. 21 00:01:48,330 --> 00:01:52,950 Because now I'm deleting this code we call inside the HTML file. 22 00:01:55,760 --> 00:01:59,090 I use this term the code in the typescript file. 23 00:02:00,820 --> 00:02:04,690 So this code is also important that it is in single quotes. 24 00:02:05,870 --> 00:02:09,350 Because it's not an actual typescript coat, right? 25 00:02:11,980 --> 00:02:15,310 Now, see, when I say the changes, nothing changed on the browser. 26 00:02:19,200 --> 00:02:21,870 So here's how we create the changing template. 27 00:02:23,990 --> 00:02:27,920 All right, so previously you were writing HTML code on a different page. 28 00:02:29,040 --> 00:02:32,700 Now we can write a simple code on this same page. 29 00:02:33,620 --> 00:02:40,850 Of course, we have written very little code here, and we can certainly write all of this code in a 30 00:02:40,850 --> 00:02:41,570 single line. 31 00:02:43,140 --> 00:02:49,890 Now, if we were going to write more code, we could use multiple lines and for this we will need to 32 00:02:49,890 --> 00:02:52,440 use reverse quotation marks here. 33 00:03:03,820 --> 00:03:06,480 So now we can write more code into these lines. 34 00:03:08,360 --> 00:03:13,880 However, how much HMO code we need to pay attention to here, because if if we're going to write less 35 00:03:13,880 --> 00:03:18,460 code like this, it might make sense to write this in a typescript file. 36 00:03:19,280 --> 00:03:20,060 You know that, right? 37 00:03:20,060 --> 00:03:24,650 Because if you're going to use too much HMO code, then it's going to be difficult to check for errors 38 00:03:24,650 --> 00:03:24,880 here. 39 00:03:24,890 --> 00:03:30,740 So we need to decide when to use an external file or an inline template. 40 00:03:32,880 --> 00:03:39,140 And as always, code should be prepared in a way that is not exhausting to us. 41 00:03:40,740 --> 00:03:46,200 So here we need to make this election and at least one template method. 42 00:03:47,200 --> 00:03:50,230 So we use one template and our component. 43 00:03:52,970 --> 00:03:53,700 So there you go. 44 00:03:53,720 --> 00:03:58,510 My friends, we've learned the importance as well as the use of templates in this lesson. 45 00:03:58,850 --> 00:04:03,020 So the next lesson, we will learn how to work with styles. 46 00:04:03,710 --> 00:04:04,330 See you then. 47 00:04:04,490 --> 00:04:05,450 Bye bye for now.