时间戳

首页 > 解决方案 > 在 Angular 4+ 中共享常用组件的最佳实践是什么？

angular - 在 Angular 4+ 中共享常用组件的最佳实践是什么？

问题描述

我的 Angular 应用程序设置了 Angular 路由，并根据 URL 显示不同的组件。页眉、导航、页脚和常用模式的模板在根应用程序模板中定义。<router-outlet>此处也提供了标签。

将在我的根应用程序模板中声明的组件与将在<router-outlet>? 例如，假设以下模板是我的根模板：

<header-component></header-component>
<router-outlet></router-outlet>
<footer-component></footer-component>
<loading-dialog-component></loading-dialog-component>

组件 Component1 和 Component2 使用我的模块声明中指定的路由加载，如下所示：

appRoutes: Routes = [
{ path: 'component1', component: Component1 },
{ path: 'component2', component: Component2 }
];

我想<loading-dialog-component>从 Component1.component.ts 和 Component2.component.ts 中访问。这样做的最佳方法是什么？

标签： angularangular-components

解决方案

推荐阅读