Question

我有这样的结构：

class GrandParent{
  childsOfGrandParent: Parent[];
}

class Parent{
  child: Child;
}

class Child{
 x:number
 y:number
 z:number
}

如果.ts中有这样的对象

  grandParent: GrandParent[] = [];

和html中的

<ul *ngFor="let parent of grandParent.childsOfGrandParent; let i = index;">

      <li  *ngIf="parent.child"> 
           {{child.x}}</li>
      <li  *ngIf="parent.child"> 
           {{child.y}}</li>
      <li  *ngIf="parent.child"> 
           {{child.z}}</li>

    </ul>

如果我们不想在此结构中重新报ngIfs，该怎么办？

Answer 1

<ng-container *ngIf="parent.child">
      <li>{{child.x}}</li>
      <li>{{child.y}}</li>
      <li>{{child.z}}</li>
</ng-container>

将ngif指令应用于<li>元素的最佳方法是什么？

1 个答案: