页面显示的时候先显示暂无数据然后再显示数据

ts文件：

//给hasdata赋值为true，在页面加载的时候就不会先显示暂无数据；
hasdata: boolean = true

//获取任务分类
  getRunCategory(timeRefresh) {
    this.service.getRunningCategory().subscribe(res => {
      //console.log('任务分类', res)
      if (res.length == 0) {
        this.hasdata = false
        return
      } else {
        this.hasdata = true
        }
    })

html

<div *ngIf="hasdata; else elseBlock">
这里是有数据的内容
</div>
<ng-template #elseBlock>
      <img [src]="assetsBaseUrl + 'nodata.svg'" />
      <div class="pt10">暂无数据</div>
</ng-template>