*ngFor Not Working?

Ionic Framework ionic-v3
1

htlm code

<ion-header>

  <ion-navbar>
    <ion-title>carLists</ion-title>
  </ion-navbar>

</ion-header>


<ion-content padding>
  <ion-item>
    <div *ngFor="let items of item">
        
            {{item.nereden}} => {{item.nereye}}
      
    </div>
  </ion-item>
    
    
    
</ion-content>

Not working *ngFor

but this try

<ion-header>

  <ion-navbar>
    <ion-title>carLists</ion-title>
  </ion-navbar>

</ion-header>


<ion-content padding>
  <ion-item>
    <div>
        
            {{items[0].nereden}} => {{items[0].nereye}}
      
    </div>
  </ion-item>
    
    
    
</ion-content>

this good work.

find the problem

<ion-header>

  <ion-navbar>
    <ion-title>carLists</ion-title>
  </ion-navbar>

</ion-header>


<ion-content padding>
  <ion-item>
    <div *ngFor="let items of item">
        
            {{items.nereden}} => {{items.nereye}}
      
    </div>
  </ion-item>
    
    
    
</ion-content>

:slight_smile:

2

Would
let item of items
not make more sense?

3

I believe you have wrong order in *ngFor.
It should be like this.

> let item of items

<ion-content padding>
  <ion-item>
    <div *ngFor="let item of items">
        
            {{items.nereden}} => {{items.nereye}}
      
    </div>
  </ion-item>
    
    
    
</ion-content>
4

thanks for answers. but ı have find the problem already share solution.

thanks for answers again :slight_smile:

ı know bad speak english :smile: