编辑: 经过更多思考,我删除了 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;
}
最佳答案
你可以使用<ng-container> </ng-container>
请参阅 Angular 关于 ng-container 如何不将其添加到 DOM 的文档
https://angular.io/guide/structural-directives#ng-container-to-the-rescue
另请参阅此答案:
关于html - Angular template, remove div and white space(div被移除,但不是空白),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55406301/