Круговая зависимость в двух диалогах

Question

У меня есть два диалоговых окна, SignIn и SignUp.

У входа есть возможность входа в систему, где я хочу закрыть диалоговое окно входа и открыть диалоговое окно регистрации.

Кроме того, SignUp имеет возможность входа в систему, где я хочу закрыть диалоговое окно SignUp и открыть диалоговое окно входа.

Я успешно достиг этого с помощью следующих кодов компонентов. Тем не менее, я получаю предупреждение о круговой зависимости в моей консоли. Любые предложения, чтобы справиться с этим лучше и избавиться от круговой зависимости.

знак-in.component.ts

signup() {
  this.closeModal();
  this.dialog.open(SignUpComponent);
}

знак-up.component.ts

signin() {
  this.closeModal();
  this.dialog.open(SignInComponent);
}

Заранее спасибо за помощь!

Answer 1

Вы можете поместить модальное в родительский компонент и отправить вызов, чтобы открыть конкретный модальный для этого родителя:

@Output() openSignup = new EventEmitter();

<button (click)="openSignup.emit()">

Родитель будет слушать изменения от всех своих модальных потомков и обрабатывать их, а потомки не будут ничего знать друг о друге, предотвращая циклические зависимости.