有条件地消除* ngFor-Angular 6中的列表项

时间:2019-03-20 21:27:18

标签: angular html5 twitter-bootstrap angular-ngfor

我正尝试使用row-col div组合为带有标签和值项的列表创建4列表。要注意的是-我不想显示任何没有价值的列表项。不知道如何使用* ngFor和* ngIf来实现(因为它们不能在同一元素上使用。任何帮助将不胜感激。这是我的代码示例

编辑:使用<div class="container"> <div class="row" *ngIf="myList && myList.length > 0"> <ng-container *ngFor="let myField of myList"> <div class="col-6" *ngIf="myField.udfDisplayValue"> <div style="width: 50%; display: inline-block"> <b>{{ myField.fieldName }}</b> </div> <div style="width: 50%; display: inline-block;"> {{ myField.displayValue }} </div> </div> </ng-container> </div> </div> 正确了。下面的更新代码

{{1}}

1 个答案:

答案 0 :(得分:0)

您可以使用[hidden]代替* ngIf