ルーターのアウトレットで使用すると、角度2のコンポーネントが正しくレンダリングされない

Question

角度2の遅延ルーティングを使用して、単純な角度2のWebサイトを開発しています。 私は問題がある、ホーム・ページにスライダーを実装するためにflickityスライダーを使用し ： 私はアプリのコンポーネント（ルート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> 

でスライダー・コンポーネントを宣言するときスライダは問題なくレンダリングされますが、レイジーローディングを使用してルータ出口で呼び出されるホームページコンポーネントのスライダコンポーネントを宣言すると、画像はそこにありますがスライダは機能しません。

家庭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

flickityドキュメントを何度も読んだ後、私はそれを考え出した： をWebPACKのを使用しているとき、私たちは

を追加する必要があります

var Flickity = require('flickity');