2017-09-11 3 views
1

Je suis nouveau avec Angular 4 et j'essaye de créer une application avec un tableau de bord.Angular 4 et Dashboard

L'utilisateur peut choisir ce qu'il veut voir sur le tableau de bord principal.

Dans cette application, je dois 4 répertoires: "Tableau de bord", "Clients", "Produits" et "Ventes"

Seuls les 3 dernières ont une service et module.

Voici mon architecture:

App 
| 
|__Clients 
|__Dashboard 
|__Products 
|__Sales 

Si je vais à: /*/clients/ => affichage App informations sur les clients ne

Si je vais à: /*/products/ => Affichage des informations App sur les produits ne

Si je vais à: /*/sales/ => App affichage des informations sur les ventes seulement

Ma question: quelles sont les meilleures pratiques pour afficher certains widgets (clients + produits + ventes) sur mon tableau de bord principal sans copier/coller mon code?

Répondre

1

essayez d'importer leurs services dans le composant de tableau de bord et faire ce que vous avez besoin

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

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

Maintenant, il suffit d'obtenir des données de tous les trois services et l'afficher dans votre tableau de bord