Ng-template не запускается, когда данные становятся пустыми

В экспрессии *ngIf проверьте data.length, а не данные:

<ul class = "list-group" *ngIf = "data.length else empty">
      <li *ngFor = "let num of data">
        <span>{{num}}</span>
      </li>
    </ul>

В вашем случае *ngIf проверяет, существуют ли массивы. Когда вы очистили данные, ссылки все еще там ПРИМЕР КОДА

Привет, попробуйте следующий код:

в файле .html

<ul class = "list-group" *ngIf = "data.length>0 else empty">
  <li *ngFor = "let num of data">
    <span>{{num}}</span>
  </li>
</ul>

<button class = "btn btn-sm btn-primary" (click) = "fillData()">Fill</button>
<button class = "btn btn-sm btn-primary" (click) = "clearData()">clear</button>

<ng-template #empty>
  <span>.... list empty....</span>
</ng-template>

.ts файл

data: any[]=[];

  fillData() {
    this.data = [1, 2, 3];
  }

  clearData() {
    this.data = [];
  }