单个JSON对象内的重复数组（Ioinc 2）

Question

我有一个JSON对象，其中包含一个成分数组，我想将每个对象重复为一个<li>，以便我可以列出它们。我想重复的区域是“ingredientLines”

我的JSON是

我当前的代码是，我目前只是得到一个<li>

<ion-content> 
    <ion-list> 
     <ion-item> 
      <div class="thumb"> 
       <ion-img src="{{api?.images["0"].hostedLargeUrl}}"> 
       <h1>{{api?.name}}</h1> 
      </div> 
      <div class="action-bar"> 
       <div class="like"> 
       </div> 
       <div class="time"> 
        <span>{{api?.totalTime}}</span> 
       </div> 
       <div class="share"> 
       </div> 
      </div> 
      <div class="ingredients" ng-repeat="items in api"> 
       <ul> 
        <li>{{api?.ingredientLines}}</li> 
       </ul> 
      </div> 
     </ion-item> 
    </ion-list> 
</ion-content> 

列出的所有10个对象

如果有人能指出我要去哪里错，那会很棒！

Answer 1

尝试在正确的HTML元素中重复正确的对象，你会没事的。这是您尝试实现的abstract working fiddle。

<div class="ingredients"> 
    <ul> 
     <li *ngFor="let item of api?.ingredientLines">{{item}}</li> 
    </ul> 
</div>