Angular 使用“角度动画”模块在两个窗体之间切换

我想显示两个表单。 1:登入表格 2.登记表

第一次显示登录表单时，单击“创建帐户”，我想显示注册表单，然后显示登录表单，反之亦然。 我使用Jquery实现了这一点

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

但我希望使用角度动画模块来实现这一点

我用的是角度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');
 }

创建帐户
登录
toggleForm（）{
$（'form'）。设置动画（{height:'toggle'，opacity:'toggle'}，'slow'）；
}

嗯，不是很漂亮或者什么的，但是为了给你指出一个方向，你可以使用角度动画来切换你的表单：

谢谢@Fussel。这正是我要找的。让我试着公布结果。