ng是否仅隐藏div但会影响布局？

问题描述

我使用左侧菜单和主要内容。

<div class="row">
<div ngIf="loginUser" class="sidebar col-md-3>
.......
</div!
<div class="main col-md-9>
.......
</div>
</div>

用户未登录时为隐藏状态，但空白3/12网格。我该如何解决！

登录后，是否可以正常工作？

解决方法

好吧，它的col-md-9在主div中，因此引导程序总是带有12列中的9列。 您应该有类似的内容：

userprofile_pk

,

您可以使用ngClass切换主要内容的课程。

<div class="row">
    <div *ngIf="loginUser" class="sidebar col-md-3">
    .......
    </div!
    <div class="main" [ngClass]="{'col-md-9': loginUser,'col-md-12': !loginUser}">
    .......
    </div>
</div>

用户登录后，该类将为col-md-9。否则将为col-md-12。