Read .json in Vorlage Ionic 2 und Angular 2

Question

Vorlage kann nicht lesen * ngFor = "lass Git von user.ball" was Problem ??? wie bekommen Array Ball von Json ?? Ich bin traing aber seine Werke nicht

meine Vorlage

<div *ngSwitchCase="'userpage'"> 
     <ion-card> 
      <ion-card-content>`` 
      <ion-list no-lines> 
       <ion-item *ngFor="let profile of users"> 
       <ion-avatar item-left> 
        <img [src]="profile.img"> 
       </ion-avatar> 
       <h2>{{profile.name}}</h2> 
       <p>{{profile.about}}</p> 
       </ion-item> 
      </ion-list> 
      </ion-card-content> 
     </ion-card> 
    </div> 

<!-- Баллы и Достижения --> 
<div *ngSwitchCase="'info2'"> 
     <ion-card> 
      <ion-card-content> 
    <ion-item *ngFor="let git of user.ball"> 
       <ion-icon name='planet' item-left></ion-icon> 
     {{git.name}} 
       <ion-note item-right> 
     {{git.score}} 
       </ion-note> 
      </ion-item> 
      </ion-card-content> 
     </ion-card> 
    </div> 
</div> 

.json Das ist mein Api Benutzer von hier i Ball Array nehmen, aber ionische kippe lesen oder ich habe Fehler nicht ich Hilfe pleace wissen !!!

[ 
    { 
    "id": 1, 
    "name": "It Developer", 
    "img": "/assets/img/1_kanal.png", 
    "email": "example@example.ru", 
    "surname": "IT app", 
    "balls": "400", 

    "ball": [ 
     { 
     "id": 1, 
     "name": "Активность", 
     "score": "100" 
     }, 
     { 
     "id": 2, 
     "name": "Добавления Комментарии", 
     "score": "150" 
     },{ 
     "id": 3, 
     "name": "Репост в Соц Сеть", 
     "score": "200" 
     }, 
     { 
     "id": 4, 
     "name": "Лайк", 
     "score": "50" 
     } 
    ] 
    } 
] 

Answer 1

HINWEIS: Die Antwort ist in Bezug auf dieses gezeigte Objekt nur. Die Antwort kann je nach JSON variieren.

Sagen wir

this.users = [ 
    { 
    "id": 1, 
    "name": "It Developer", 
    "img": "/assets/img/1_kanal.png", 
    "email": "example@example.ru", 
    "surname": "IT app", 
    "balls": "400", 

    "ball": [ 
     { 
     "id": 1, 
     "name": "Активность", 
     "score": "100" 
     }, 
     { 
     "id": 2, 
     "name": "Добавления Комментарии", 
     "score": "150" 
     },{ 
     "id": 3, 
     "name": "Репост в Соц Сеть", 
     "score": "200" 
     }, 
     { 
     "id": 4, 
     "name": "Лайк", 
     "score": "50" 
     } 
    ] 
    } 
] 

ball array zugreifen zu können, sollten Sie wie folgt vorgehen,

<div *ngFor="let git of users[0].ball"> // user[0] refers to 0th element of users array. 
     {{git.id}}-{{git.name}}-{{git.scrore}} 
</div> 

DEMO: https://plnkr.co/edit/WWbTRASJCuz8UMi18JP7?p=preview