How to use @for loop

Question

Hi I have below code and i want to convert it using @for condition. education is an array {{val}} Thanks

Vishal Joshi · Answer

Hello Ramco, Please try the below sample code to use @for Loop in your code. Education {{type.name}} Educaion Type is required Thanks Vishal Joshi

Ramco Ramco · Answer

Hi Vishal Can't it be done with @for instead of ngfor Thanks

Ramco Ramco · Answer

Hi I am getting error 'Cannot parse expression' on line (let val of education) @for(let val of education){ {{val}} } Thanks

Jobin S · Answer

Hi Ramco, @for(let val of education){ {{val}} } Try this

Rajeesh Menoth · Answer

Try this code: {{val}}

Jobin S · Answer

Hi Ramco, check this and your code alse Education @for (edu of educations;) { {{edu.name}} } ts File: educations:any= [ {id: 1, name: 'B.E'}, {id: 2, name: 'B.Tech'}, {id:3, name: 'M.Sc'}, ];

Ramco Ramco · Answer

Hi All Like below can't we use it in select statement @for (item of employeeArray;track $index){ Thanks

Mrunali Sawant · Answer

In Angular, you don't use the @for directive (which is specific to Razor syntax in ASP.NET). Instead, Angular uses the *ngFor directive to iterate over arrays in templates. Since you're already using * ngFor , it looks like there is a minor typo in your code ( educaion should be education ). Here's the corrected code: {{val}} If education is an array in your component, this will iterate over it and create a for each element.

Ramco Ramco · Answer

Hi Jobin It is giving error - @for loop lust have a track expression. Thanks

How to use @for loop

Answers (9)