在使用 *ngIf 隐藏 div 时，它显示一个空格而不是隐藏 [关闭]

Posted 2023-02-22

【中文标题】在使用 *ngIf 隐藏 div 时，它显示一个空格而不是隐藏 [关闭]

【英文标题】：while hidding a div with *ngIf, it is showing a blank space instead of hiding [closed]

【发布时间】：2022-01-21 22:44:47

【问题描述】：

 <div class="exportCommBtn " *ngIf="showResetlink">
<input type="button"   style="border: none;" class="fa export-icon dt-button" title=" 'USERLIST.RESET_PASSWORD_LINK' | translate"  value="" (click)="getExportUserResetDetails()" data-toggle="modal">

这是代码，它在那个地方显示了一个空格

【问题讨论】：

不幸的是，这不足以重现该问题。我们无法诊断或调试您所遇到的情况。 showResetlink 真的是假的吗？您是否使用浏览器工具检查了有问题的 div？周围是否有其他元素干扰布局？例如，此 div 可能位于表格单元格中，因此不显示 div 不会折叠单元格。但我们无从得知

【参考方案1】：

你忘记关闭 div。

<div class="exportCommBtn " *ngIf="showResetlink">
  <input type="button"   style="border: none;" class="fa export-icon dt-button" title="abc"  value="" data-toggle="modal">
 </div>