Angular 6如何获取onClick的另一个组件

Question

我有2个组成部分（主页，模态登录）。 主页组件包括带有按钮的页面（登录）。 模态表单登录组件包括“登录”表单。 如何获得主页组件上的此登录组件单击按钮？

Answer 1

如果要导航至登录组件，然后使用Router进行导航，请在首页组件顶部导入Router

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

然后注入到构造函数中

constructor(private router: Router) {        
}

然后将click事件添加到您的首页按钮中

HTML

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

首页组件ts文件

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

如果要以模式形式打开登录组件，则应使用引导程序的模式对话框创建登录组件，然后使用Dynamic component loader打开模式。

Answer 2

将click事件添加到按钮并添加代码

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

在组件中插入路由器以供使用