在Angular中找不到显示记录

Question

<div class="row" *ngIf="activeRoute == 'user'">
<div *ngIf="userDetails | async as details else noRecord">
<ul  *ngFor="let info of userDetails | async">
<li>
<span class="text flex-auto pr-2" >{{ info.Name }} </span> 
</li>
</ul> 
</div>
<ng-template #noRecord>List Empty</ng-template>
</div> 

在ts file中

get Details() {
return this.Service.UserInfoDetails;
} 

服务文件

UserInfoDetails=new BehaviorSubject<any>('');

这是有效的，但我想检查Details是否为空或不包含任何值，然后我想在li中显示No records found

Answer 1

<div class="row" *ngIf="activeRoute == 'user'">
<div *ngIf="userDetails | async as details else loading">
<ng-container *ngIf="!details">No records found</ng-container>
<ul *ngFor="let info of details">
<li>
Text
</li>
</ul>
</div>
</div> 
<ng-template #loading> loading ... </ng-template>