angular - 如何在 angular7 中开发在两个不同组件之间切换的选项卡?

标签 angular tabs angular-material angular7 angular-ui-tabset

我在 Angular 7 项目中生成了三个不同的组件

ng g c mycomp1
ng g c mycomp2
ng g c mycomp3

现在我想在 mycop1 组件中开发一个选项卡,如下所示

Tabs image

通过单击第一个选项卡,它应该显示 HTML 或呈现来自同一组件的内容。
通过单击第二个选项卡,我需要渲染 mycomp2 组件(来自不同组件)的内容,
与从 mycomp3 组件渲染所需的第三个选项卡类似。 请帮助我如何继续执行此操作,
谢谢

最佳答案

假设我们有 4 个组件(app.组件、a.组件、b.组件、c.组件)

查看以下网址中的完整代码 https://stackblitz.com/edit/angular-gerrxm

关于angular - 如何在 angular7 中开发在两个不同组件之间切换的选项卡?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56507144/

相关文章:

angularjs - Angular Material : md-datepicker CSS display issue

express - Angular2.0 路由器适用于组件而不是模块?

Internet Explorer 上的 Javascript onbeforeunload 问题

javascript - 当用户单击时,jQuery 动态添加和删除类

android - 选项卡之间的间距 TabPageIndicator

angular - 如何使 Angular Material 中的 mat-checkbox 不可点击

javascript - 另一个按钮内的按钮在 Firefox 中不起作用( Angular Material )

angular-5 material sidenav 在一个单独的组件中以在其他组件中重用

angular - @angular @ngrx/effects HTTP 请求不断取消并重试

Angular 产品构建期间 Javascript 内存不足