Angular 6 Как я могу получить другой компонент на клике

Question

У меня есть 2 компонента (домашняя страница, модал-форма-логин).Компоненты домашней страницы включают страницу с кнопкой (Вход).Компонент Modal-form-login включает в себя форму входа.Как я могу получить этот компонент Вход в систему, нажав кнопку на компоненте Домашняя страница?

Answer 1

Если вы хотите перейти к компоненту входа в систему, тогда используйте Router для навигации, импортируйте Router поверх компонента вашей домашней страницы

import { Router } from '@angular/router';

, затем введите в конструктор

constructor(private router: Router) {        
}

затем добавьте click событие на кнопку вашей домашней страницы примерно так:

HTML

<button (click)="navigate()">Login</button>

Компонент домашней страницы ts file

navigate() {
        this.router.navigate(['/login']);
}

Если вы хотите открыть компонент входа в систему как модальный, то вам нужно создать компонент входа в систему с диалоговым окном начальной загрузки, а затем использовать Загрузчик динамического компонента , чтобы открыть модальное окно.

Answer 2

Добавьте событие нажатия на кнопку и добавьте свой код

function btnClick() {
        this.router.navigateByUrl('/path');
};

Внедрите маршрутизатор в свой компонент для его использования