Переключение между двумя формами с помощью модуля Angular Animate

Question

Я хочу отобразить две формы. 1: Форма входа 2. Регистрационная форма

При первом показе формы входа в систему, при нажатии «создать учетную запись» я хочу показать форму регистрации и скрыть форму входа и наоборот. Я сделал это с помощью Jquery.

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

Но я собираюсь сделать это с помощью модуля угловой анимации.

Я использую 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

Ну, не очень красиво или что-то в этом роде, но чтобы указать вам направление, в котором вы могли бы переключать свои формы с помощью угловой анимации: пример