Angular Template Syntax: Directive, Interpolation, Property binding, Event binding

What is Angular? (Part 4)

How it works… | How to start…

If you haven’t covered Part — 3 of this series, I recommend you to check this link → Role of WebPack in Angular? | Part — 3 | of series What Angular is?

My articles are open for everyone; non-member readers can read the article by clicking this Friend link.

Angular’s template syntax extends the syntax of HTML and Javascript.

Let’s understand this by declaring a list in .ts file — this list contains the name of tech companies. Look👇 line no. 12

list of companies at line no. 12

We don’t need any data-type for this list👆 nor we are using any variable declaration like var or let in this demo — we will cover datatype and declaration later in the series.

Now, let’s iterate over the list of companies in our HTML template. and here we put the *ngFor directive on a <li> tag at line no. 11 👇