Repeat Array в одном объекте JSON (Ioinc 2)

Question

У меня есть объект JSON, в котором есть множество ингредиентов внутри, я хочу повторить каждый объект в <li>, чтобы я мог их перечислить. Область, которую я хочу повторить это «ingredientLines»

Мой JSON является

Мой текущий код, я в настоящее время просто получить все 10 объектов, перечисленных в одном <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> 

Если кто-то может указать, куда я иду, это было бы здорово!

Answer 1

Попробуйте повторить правый объект в правильном HTML-Element, и с вами все будет в порядке. Вот то, что вы пытаетесь достичь, - это abstract working fiddle.

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