Прочтите .json в шаблоне Ionic 2 и Angular 2

Question

Шаблон не может читать * ngFor = "let git of user.ball" whats problem ??? как получить массив мяч от json ?? Я TRAING, но его не работает

мой шаблон

<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 Это мой Api пользователь здесь я взять мяч массив, но не могу ионную читать или у меня есть ошибки я не знаю помощи Pleace !!!

[ 
    { 
    "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

ПРИМЕЧАНИЕ: Ответ относительно только этот объект, показанный. Ответ может варьироваться в зависимости от вашего json.

Скажем

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, вы должны сделать следующее,

<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