Angular 4和Dashboard

Question

我是Angular 4的新手，我正在尝试创建一个带有仪表板的应用程序。

用户可以选择他想要在主仪表板上看到的内容。

在这个应用中，我有4个目录："Dashboard"，"Clients"，"Products“和"Sales”

只有最后三个人有一些service和module。

这是我的架构：

App
|
|__Clients
|__Dashboard
|__Products
|__Sales

如果我转到：/*/clients/ =>应用程序仅显示有关客户端的信息

如果我转到：/*/products/ =>应用程序仅显示有关产品的信息

如果我转到：/*/sales/ =>应用程序仅显示有关销售的信息

我的问题是:在不复制/粘贴代码的情况下，在我的主仪表板上显示一些小部件(客户+产品+销售)的最佳实践是什么？

Answer 1

尝试将其服务导入仪表板组件并执行所需操作

import { ClientService } from './ClientServicePath';
import { ProductsService } from './ProductsServicePath';
import { SalesService } from './SalesServicePath';

constructor(
   private clientSer: ClientService,
   private productsSer: ProductsService,
   private salesSer: SalesService,
) {}

现在只需获取所有三个服务的数据并将其显示在您的仪表板中