Interpolation in Angular | Angular Tutorial | NSCODE

Interpolation in Angular Angular Tutorial NSCODE
#interpolation #angularinterpolation #angulartutorial #learnangular #angular
Interpolation allows us to include expressions as part of any string literal, which we use in our HTML. The angular evaluates the expressions into a string and replaces it in the original string and updates the view. You can use interpolation wherever you use a string literal in the view.
In the last video, we have learned how to create the angular component.
Now we will learn Interpolation in Angular
So double curly braces are Interpolation in angular
I am writing name as a variable which can be of type any.
Let it be string value NSCODE
Now to render it we will write the h2 tag and the curly braces
with variable names let save it as you can see that code is in our view.
In the same way, we can do many things inside the interpolation.
like if I write 2+4 it will do the calculation and on save we can see the result 6 on the page.
In the same way, we can do multiplication like this as you can see 200 on the page
let's try some more things. Create a boolean with the name isOpen and it's false by default.
Now inside the interpolation, we will use the ternary operator.
if isopen is true it will print nscode else it will print happy learning.
As isOpen is false we can see Happy learning is printed now if we change
isopen to true it will print nscode
we can also do division like 10/5 inside the interpolation in angular.
In the next video, we will learn class binding.
---------------------------------------------------------------------------------------------------
Facebook page: https://www.facebook.com/angular11tutorial
YouTube Channel: https://www.youtube.com/channel/UCuJcT_jSDGAXWd9jzxDIXcg
Email: [email protected]
Angular Install & Environment Setup:
https://youtu.be/9LQh7L4YB5U

Angular docs: https://angular.io/
--------------------------------------------------------------------------
Credit:
Music: Dreams - Bensound
https://www.bensound.com

Support by RFM - NCM: https://bit.ly/2xGHypM