angular - 使用 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');
 }

标签： angularng-animateangular-animations

Answer 1

好吧，不是很漂亮或其他任何东西，但要为您指明一个方向，您可能会使用角度动画来切换表单：示例