0
나는 다음과 같은 JSON 객체가 : 나는 개체를 통해 루프에 다음 코드를 사용하고각도 2 : ngFor 루프 *와 JSON 객체의 특정 값을 무시
{VarietyTypeName:"Greens", VarietyFamilyName:"Kale", VarietyName:"Red Russian"},
{VarietyTypeName:"Greens", VarietyFamilyName:"Kale", VarietyName:"Starbor"},
{VarietyTypeName:"Greens", VarietyFamilyName:"Lettuce", VarietyName:"Alkindus"},
{VarietyTypeName:"Fruits", VarietyFamilyName:"Strawberry", VarietyName:"Jewel"}
:
<div *ngFor="let variety of varieties">
<div class="varietyTypeName menu-item-type-header">
{{variety.VarietyTypeName}}
<i class="fa fa-angle-down arrow-toggle"></i>
</div>
<div class="menu-item-group">
<div class="varietyFamilyName">{{variety.VarietyFamilyName}}</div>
<div class="varietyName">
<a>{{variety.VarietyName}}</a>
</div>
</div>
</div>
을 어떤보기에 이런 식으로 뭔가를 찾고 끝 :
Greens
Kale
Red Russian
Greens
Kale
Starbor
Greens
Lettuce
Alkindus
Fruits
Strawberry
Jewel
이 약간 중복 내가 일을 단순화하고 싶습니다 대신 더 다음과 같습니다 있도록 전자 일부를 참조하십시오
Greens
Kale
Red Russian
Starbor
Lettuce
Alkindus
Fruits
Strawberry
Jewel
는 기본적으로 나는 각 VarietyName 나타납니다 동안 표시 만은 A VarietyTypeName의 첫 번째 인스턴스와 VarietyFamilyName의 첫 번째 인스턴스를 원한다. 어떻게하면 *ngFor 루프를 조정할 수 있습니까?