Loading

How to use @for loop

How to use @for loop

Ramco Ramco

Hi

I have below code and i want to convert it using @for condition. education is an array

{{val}}

Thanks

9 Replies

Know the answer? Post it — somebody with the same question will find it here.

Ramco Ramco2y ago
Hi Jobin

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

Thanks
Jobin S2y ago
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 Ramco2y ago
Hi All

Like below can't we use it in select statement

@for (item of employeeArray;track $index){

Thanks
Mrunali Sawant2y ago
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 Ramco2y ago
Hi Vishal

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

Thanks
Ramco Ramco2y ago
Hi

I am getting error 'Cannot parse expression' on line (let val of education)

@for(let val of education){

{{val}}

}

Thanks

Vishal Joshi

Vishal Joshi2y ago

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

Jobin S2y ago
Hi Ramco,

@for(let val of education){

{{val}}

}

Try this
Rajeesh Menoth2y ago
Try this code:
```
  
  {{val}}  
 
```