Angular 2 Komponenten werden nicht korrekt wiedergegeben, wenn mit Router Outlet

Question

Ich entwickle eine einfache eckige 2 Website, mit eckigen 2 faul Routing. I flickity Schieber verwenden, um einen Schieberegler auf der Homepage zu implementieren, das Problem ist: wenn ich die Slider-Komponente in der App-Komponente (root compoenent)

app.component

<app-topnav></app-topnav> 
<app-navbar></app-navbar> 
<app-home-slider></app-home-slider> <------- the slider component ! 
<router-outlet></router-outlet> 
<hr class="divider"> 
<app-footer></app-footer> 

erklären

der Schieberegler rendert ohne Problem, aber wenn ich den Schieberegler Komponente in einer Homepage-Komponente, die in Router Outlet mit dem Lazy Loading aufgerufen wird, erklären, sind die Bilder vorhanden, aber der Schieberegler funktioniert nicht

haus page.component

<app-home-slider></app-home-slider> <------- the slider component ! 
<app-plaques></app-plaques> 

app.routing.ts

import { Routes, RouterModule } from '@angular/router'; 

const routes: Routes = [ 
    { path: 'Accueil-*', loadChildren: './Pages/home-page/home-page.module#HomePageModule' }, 
    { path: 'A-propos-*', loadChildren: './Pages/about-page/about-page.module#AboutPageModule' }, 
    { path: 'Contact-*', loadChildren: './Pages/contact-page/contact-page.module#ContactPageModule' }, 
    { path: 'Maladies-*', loadChildren: './Pages/diseases-page/diseases-page.module#DiseasesPageModule' }, 
    { path: 'Pharmacie-*', loadChildren: './Pages/drugs-page/drugs-page.module#DrugsPageModule' }, 
    { path: 'Laboratoire-*', loadChildren: './Pages/laboratory-page/laboratory-page.module#LaboratoryPageModule' }, 
    { path: 'Paiements-assurances-*', loadChildren: './Pages/payments-page/payments-page.module#PaymentsPageModule' }, 
    { path: 'Formules-sante-*', loadChildren: './Pages/products-page/products-page.module#ProductsPageModule' }, 
    { path: 'Symptomes-signes-*', loadChildren: './Pages/symptomes-page/symptomes-page.module#SymptomesPageModule' }, 
    { path: 'Rendez-vous-*', loadChildren: './Pages/appointments-page/appointments-page.module#AppointmentsPageModule' }, 
    { path: 'Docteurs-*', loadChildren: './Pages/symptomes-page/symptomes-page.module#SymptomesPageModule' }, 
    { path: 'Blog-*', loadChildren: './Pages/blog-page/blog-page.module#BlogPageModule' }, 

]; 

export const AppRoutes = RouterModule.forRoot(routes); 

Answer 1

nach dem flickity doc oft zu lesen, dachte ich es aus: wenn WebPack verwenden wir

müssen hinzufügen

var Flickity = require('flickity');