.jsonから配列を得る方法イオン2角2

Question

配列があり、さらに配列が7個あるアプリケーションでは、テンプレートに表示することができません。誰かがjsonから配列を取得する方法を教えてもらえますか？

ありがとうございました！

{ 
    "version": 3.1, 
    "get": true, 
    "programms1": [ 
    { 
     "id": 1, 
     "img": "image.png", 
     "name": "name", 
     "about": "about" 
    }, 
    { 
     "id": 2, 
     "img": "image.png", 
     "name": "name", 
     "about": "about" 
    }, 
    { 
     "id": 3, 
     "img": "image.png", 
     "name": "name", 
     "about": "about" 
    } 
    ], 
    "programms2": [ 
    { 
      "id": 1, 
     "img": "image.png", 
     "name": "name", 
     "about": "about" 
    }, 
    { 
     "id": 2, 
     "img": "image.png", 
     "name": "name", 
     "about": "about" 
    }, 
    { 
     "id": 3, 
     "img": "image.png", 
     "name": "name", 
     "about": "about" 
    } 
    ], 
    "programms3": [ 
    { 
      "id": 1, 
     "img": "image.png", 
     "name": "name", 
     "about": "about" 
    }, 
    { 
     "id": 2, 
     "img": "image.png", 
     "name": "name", 
     "about": "about" 
    }, 
    { 
     "id": 3, 
     "img": "image.png", 
     "name": "name", 
     "about": "about" 
    } 
    ], 
    "programms4": [ 
    { 
      "id": 1, 
     "img": "image.png", 
     "name": "name", 
     "about": "about" 
    }, 
    { 
     "id": 2, 
     "img": "image.png", 
     "name": "name", 
     "about": "about" 
    }, 
    { 
     "id": 3, 
     "img": "image.png", 
     "name": "name", 
     "about": "about" 
    } 
    ], 
    "programms5": [ 
    { 
      "id": 1, 
     "img": "image.png", 
     "name": "name", 
     "about": "about" 
    }, 
    { 
     "id": 2, 
     "img": "image.png", 
     "name": "name", 
     "about": "about" 
    }, 
    { 
     "id": 3, 
     "img": "image.png", 
     "name": "name", 
     "about": "about" 
    } 
    ], 
    "programms6": [ 
    { 
      "id": 1, 
     "img": "image.png", 
     "name": "name", 
     "about": "about" 
    }, 
    { 
     "id": 2, 
     "img": "image.png", 
     "name": "name", 
     "about": "about" 
    }, 
    { 
     "id": 3, 
     "img": "image.png", 
     "name": "name", 
     "about": "about" 
    } 
    ], 
    "programms7": [ 
    { 
      "id": 1, 
     "img": "image.png", 
     "name": "name", 
     "about": "about" 
    }, 
    { 
     "id": 2, 
     "img": "image.png", 
     "name": "name", 
     "about": "about" 
    }, 
    { 
     "id": 3, 
     "img": "image.png", 
     "name": "name", 
     "about": "about" 
    } 
    ] 
} 

イオンテンプレート：名前channelに来

channel.json、

<ion-list> 
    <ion-item *ngIf="let channel channel.programms7">  
    <ion-icon name="play" item-left large></ion-icon> 
    <h2>{{channel.name}}</h2> 
    <p>{{channel.about}}</p> 
    </ion-item> 
<ion-list 

は私のテンプレートで配列を印刷する方法の例を示してください。

ありがとうございます！

Answer 1

あなたはngForディレクティブを使用して、テンプレート内の配列を反復処理することができます

<div *ngFor="let j of myJson.programms3"> 
    {{j.id}} 
    {{j.img}} 
    {{j.name}} 
    {{j.about}} 
</div> 

はここworking Plunkerをです。