使用Angular Animate模块在两个表单之间切换

Question

我想显示两种形式。 1：登录表格 2.注册表格

首次显示登录表单，点击“创建帐户”，我想显示注册表格并登录登录表格，反之亦然。 我是用Jquery做的。

$('form').animate({ height: 'toggle', opacity: 'toggle' }, 'slow');

但我希望使用Angular动画模块来做到这一点。

我正在使用Angular 5.

示例：

   <form class="login">
    <button (click)="toggleForm()">Create Account</button>
  </form>
  <form class="register">
    <button (click)="toggleForm()">Sign In</button>
  </form>

toggleForm() {
    $('form').animate({ height: 'toggle', opacity: 'toggle' }, 'slow');
 }

Answer 1

嗯，不是很漂亮或任何东西，但要指出你可能会使用有角度的动画拼凑你的表格：example