如何在Angular中使用按钮在不同组件中打开HTML页面
如何在Angular中使用按钮在不同组件中打开HTML页面
提问于 2019-04-24 06:30:51
我有一个包含多个组件的angular项目。我用HTML做了一个按钮。如何让按钮从另一个组件打开HTML页面？另外，当我添加一个新按钮时，网页变成空白，只显示背景。
这是我的angular项目，使用Webstorm。
<button class="btn nav-link m-1 btn btn-success w-100"
(click)="openToggle>
Open page
</button>回答 2
Stack Overflow用户
发布于 2019-04-24 10:22:14
请使用routing https://angular.io/guide/router。
this.router.navigate('/heroes')；
Stack Overflow用户
发布于 2019-04-24 14:56:21
您可以在单击按钮时使用navigateByUrl或navigate更改您的路线或页面。
<button class="btn nav-link m-1 btn btn-success w-100"
(click)="openToggle()">Open page
</button>您的.ts文件应该如下所示
constructor(private router: Router) {}
openToggle() {
this.router.navigateByUrl('/profile');
}或
openToggle() {
this.router.navigate(['/profile']);
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/55820251
复制相关文章
相似问题