html - Angular template, remove div and white space(div被移除，但不是空白)

Question

编辑:经过更多思考，我删除了 TS 文件中不必要的元素，并使我的模板文件做更少的工作。

我查看了一些有关删除 div 及其占用的空白的堆栈 o/f 线程。如this one

div 已隐藏，但我的模板上仍存在空白。

代码

<div *ngIf="array[i] !== null; else hideDivAndRemoveWhiteSpace">
  //business logic
</div>
<ng-template #hideDivAndRemoveWhiteSpace>
  //this template should be hidden
  <div class="hide-div"></div>
</ng-template>

CSS

.hide-div {
  display: none;
}

Answer 1

你可以使用<ng-container> </ng-container>

请参阅 Angular 关于 ng-container 如何不将其添加到 DOM 的文档

https://angular.io/guide/structural-directives#ng-container-to-the-rescue

另请参阅此答案:

<ng-container> vs <template>