如何从HTML链接到angular 6中的另一个组件

Question

我已经在名为（course）的相同模块中创建了两个分别位于（courseDetails和Student）中的组件。现在，我想从中访问“ courseDetails'html文件”通过链接单击“课程html文件”。即，当用户在course部分中并单击提供的链接时，该链接应将其重定向到“ courseDetails'html”。假设所有路由均由模块中的两个组件完成。enter image description here

Answer 1

您必须使用routerLink而不是href尝试一下，希望对您有所帮助。谢谢

  

路由角度指南-https://angular.io/guide/router

Answer 2

像上面建议的那样使用routerLink，并像下面的示例一样将标签放置在此处<a mat-button routerLink="/login" routerLinkActive="mat-accent">Login</a>，这只是使用mat-button的一种情况。在您的routerLink中，您必须有一条通往您要到达的目的地的路线。.........例如在这种情况下登录。