All right, hello again, friends.
We've always worked on external files up until now, and we haven't made any style changes, so now
it's time to make those changes.
I'm sure you remember we created the pages of the particular components and we made constant changes
on these pages.
And we specified the path of this page with template, you are well in the components TS file.
And now whatever we want to do to make changes, we were going to be coming into the helpage, making
the changes.
So can we use an inline template instead of using an external e-mail page this way?
Of course we can.
I'm sure you already knew the answer and were a step ahead of me.
So that means that we can use HD melko directly in our typescript file.
So I'm sure you remember how we used nested components in the last lesson and we then created this page,
so this time I want to create the same situation with an inline template.
So for this, I'll open that typescript file of this component.
OK, and look how we use the template you are here.
So now I'm changing this to template.
Now, here we should choose one of the two.
But just keep in mind that the component always has to have a template.
So he had to pay attention this.
Because now I'm deleting this code we call inside the HTML file.
I use this term the code in the typescript file.
So this code is also important that it is in single quotes.
Because it's not an actual typescript coat, right?
Now, see, when I say the changes, nothing changed on the browser.
So here's how we create the changing template.
All right, so previously you were writing HTML code on a different page.
Now we can write a simple code on this same page.
Of course, we have written very little code here, and we can certainly write all of this code in a
single line.
Now, if we were going to write more code, we could use multiple lines and for this we will need to
use reverse quotation marks here.
So now we can write more code into these lines.
However, how much HMO code we need to pay attention to here, because if if we're going to write less
code like this, it might make sense to write this in a typescript file.
You know that, right?
Because if you're going to use too much HMO code, then it's going to be difficult to check for errors
here.
So we need to decide when to use an external file or an inline template.
And as always, code should be prepared in a way that is not exhausting to us.
So here we need to make this election and at least one template method.
So we use one template and our component.
So there you go.
My friends, we've learned the importance as well as the use of templates in this lesson.
So the next lesson, we will learn how to work with styles.
See you then.
Bye bye for now.