Angular 5，html break bootstrap列中的条件

Question

在我的angular 5项目中，我必须根据某些条件显示一些列， 我刚刚将bootstrap更新到v4，现在我对条件模板有一些问题。

列中有＆＃34; ng-star-inserted＆＃34;类显示在错误的位置，可能代码中有一些错误？ 这是一个例子：

thenCancel()

这是按钮未对齐：

这是呈现页面的源代码：

Answer 1

如果使用动画，

ng-star-inserted将被添加到代码中。

或者，您可以使用ng-container标签。

<ng-container *ngIf="loggedUserService.checkSession()">
   <button>
      <span class="btn-label">
           <i class="material-icons">add</i> pay
      </span>
   </button>
</ng-container>

ng-container用于在不影响html dom的情况下应用* ngIf，* ngFor等条件。

<ng-container *ngIf="selected.status !== null">
   <div class="row">
      your code here
   </div>
</ng-container>