2017-09-11 11 views
1

私はAngular 4で新しく、ダッシュボードでAppを作成しようとしています。角4とダッシュボード

ユーザーは、メインダッシュボードで表示する内容を選択できます。このアプリで

、私は4つのディレクトリにあります:「ダッシュボード」、「クライアント」、「製品」と「販売」

のみ3は、最後のいくつかのservicemoduleを持っています。ここで

は私のアーキテクチャです:

App 
| 
|__Clients 
|__Dashboard 
|__Products 
|__Sales 

私がに行く場合:私は行く場合は、クライアントに関する/*/clients/ =>アプリケーションの表示情報のみ

:製品に関する/*/products/ =>アプリケーションの表示情報のみ

私が行った場合:/*/sales/ =>アプリの販売に関する情報を表示

私の質問:私のコードをコピー/ペーストせずにメインダッシュボードにウィジェット(クライアント+製品+販売)を表示するベストプラクティスは何ですか?

答えて

1

は、ダッシュボードコンポーネントにそのサービスをインポートして、あなたが必要なものをやろう

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

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

今、単純にすべての3つのサービスのデータを取得し、ダッシュボードに表示