Html 角度4改变布局

我有两种布局：

登录

您可以使用ngif else

<div *ngIf="!loginPanel; else loginForm" class="login1">
    <a (click)="showLoginPanel()">Login</a>
</div>

<ng-template #loginForm>
    <div class="login2">
      <input type="text" placeholder="user">
      <input type="password" placeholder="placeholder">
    </div>
</ng-template>

登录

我解决了这个问题。else div应该是ng模板。。。所以，现在它起作用了。

---

无论如何，谢谢

当您单击login时，它会从dom中删除按钮并添加表单视图。但这不会发生，只有第一个div被删除。在您的代码中，两个div都会出现。应该是第一个还是第二个