Angular 如何在单击时在导航栏中引用零部件

Angular 如何在单击时在导航栏中引用零部件,angular,components,navbar,Angular,Components,Navbar,这是使用引导类的HTML代码。我希望在单击导航栏上的三个元素之一时显示特定组件 我创建了一个简单的项目供您理解 如果应用程序中有更多路由,则可以为路由创建单独的文件 当用户执行应用程序任务时,角度路由器可以从一个视图导航到下一个视图。 最好参考一下routerLink,以下是文档: 但是,您必须首先遵循本教程:您必须为应用程序添加路由。请遵循此操作或根据单击的链接显示/隐藏组件。。。你用的是angularJS或Angular 2+?我用的是Angular 7。我

这是使用引导类的HTML代码。我希望在单击导航栏上的三个元素之一时显示特定组件



我创建了一个简单的项目供您理解

如果应用程序中有更多路由,则可以为路由创建单独的文件

当用户执行应用程序任务时,角度路由器可以从一个视图导航到下一个视图。


最好参考一下routerLink,以下是文档:


但是,您必须首先遵循本教程:

您必须为应用程序添加路由。请遵循此操作或根据单击的链接显示/隐藏组件。。。你用的是angularJS或Angular 2+?我用的是Angular 7。我还没有找到Angular中的路线。但是,我使用eventEmitters和*ngIf指令完成了这项工作,我指定了哪个组件将显示事件发生。谢谢你抽出时间!