Angular5 Div或span的内联样式不使元素内联

我有一个

bootstrap3

navbar

。

navbar

右侧有一个登录表单以及登录和注册按钮。我希望一旦用户成功登录，这些控件就会消失，注册和配置文件链接就会出现（反之亦然，当用户单击注销时）。我可以使用

[hidden]=“someValue”

来实现这一点，但我认为使用

hidden

不是正确的方法。我曾想过使用

*ngIf

来实现这一点，但我的问题是登录表单和注册按钮显示在单独的行中，而不是单行中。我试着使用

和

内联
样式，也尝试了
但没有成功

 <div *ngIf = "userNotloggedIn" [ngStyle]="{display: inline}"> <!--tried span as well but it didnt' work either-->
        <li ><!-- Navbar Form --> <!-- Instead of ngIf, if I use [hidden]="!userNotloggedIn" for each li then it works but I want to use ngIf-->
          <form class="form-inline" [formGroup]="loginForm" (ngSubmit)="signInUser()" novalidate>
            <label for="username" class="control-label required sr-only">Username</label>
            <input type="text" id="username" class="form-control" placeholder="username" formControlName="userName" [ngClass]="validateField('userName')" required>
            <app-show-errors [control]="loginForm.controls.userName"></app-show-errors>
            <label for="password" class="control-label required sr-only">Password</label>
            <input type="password" id="password" class="form-control" placeholder="password" formControlName="password" [ngClass]="validateField('password')" required>
            <app-show-errors [control]="loginForm.controls.password"></app-show-errors>

              <button type="submit" id="login-button" class="btn content-div__button--blue btn-sm">Sign In</button>

          </form>
        </li>
        <li class="nav-item" > <!-- [hidden]="!userNotloggedIn" works-->
          <a class="nav-link" [routerLink]="signupRouterLink">Sign Up</a>
        </li>
      </div>
      <div *ngIf="!userNotloggedIn" [ngStyle]="{display: inline}">

        <li class="nav-item" > <!-- [hidden]="userNotloggedIn" works-->

          <a [routerLink]="" (click)="onProfileClick()">My Profile</a>
        </li>
        <li class="nav-item" > <!-- [hidden]="userNotloggedIn" works -->
          <a [routerLink]="" (click)="onSignoutClick()">Sign out</a>
        </li>
      </div>



用户名
密码
登录


注册


我的个人资料


退出

我能够用
ng容器解决问题，而不是
div
或
span
，但我不知道为什么
div
或
span
不起作用。很乐意接受能够解释这一点的答案