Twitter bootstrap angular 4项目上的boostrap旋转木马

我正在尝试实现一个boostrap旋转木马和Angular 4的RouteModule

如果我重新加载页面，旋转木马可以正常工作，但是当我使用routerLink在web内部导航时，就不会像预期的那样循环

我猜angular会动态添加html，不会触发js使其开始循环图像

有一种方法可以在组件的负载上重新加载boostrap组件，对吗

保存旋转木马的组件是“ProyectorZonaComponent”，这里是app.module和用于导航的代码块

谢谢你

app.module.ts

  const appRoutes: Routes = [
  { path: 'rosario', component: ProyectorZonaComponent, data: { title: 'Tv Rosario', zona: 'rosario' } },
  { path: 'lima', component: ProyectorZonaComponent, data: { title: 'Tv Lima', zona: 'lima' } },
  { path: 'bsas', component: ProyectorZonaComponent, data: { title: 'Tv Buenos Aires', zona: 'bsas' }},
  { path: 'neco', component: ProyectorZonaComponent, data: { title: 'Tv Necochea', zona: 'neco' }},
  { path: 'home', component: HomeComponent, data: { title: 'Tv' } },
  { path: '', redirectTo: '/home', pathMatch: 'full' },
  { path: '**', component: HomeComponent }
];

@NgModule({
  declarations: [
    AppComponent,
    ProyectorZonaComponent,
    HomeComponent
  ],
  imports: [
    BrowserModule,
    AngularFireModule.initializeApp(environment.firebase),
    AngularFireDatabaseModule, // imports firebase/database, only needed for database features
    AngularFireAuthModule, // imports firebase/auth, only needed for auth features
    RouterModule.forRoot(appRoutes)
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

home.component.html

<ul>
  <li> <a routerLink="/rosario">Rosario</a></li>
   <li><a routerLink="/neco">Necochea, Bahia Blanca</a></li>
   <li><a routerLink="/lima">Lima, Las Palmas</a></li>
   <li><a routerLink="/bsas">Buenos Aires</a></li>
</ul>

罗萨里奥
内科切亚，巴伊亚布兰卡
拉斯帕尔马斯利马
布宜诺斯艾利斯

将此添加到app.module中

import { LocationStrategy, HashLocationStrategy } from '@angular/common';

@NgModule({
 ...
providers: [
  {
    provide: LocationStrategy,
    useClass: HashLocationStrategy
  }
]
...
})

嗯，没有变化，在我的路线上增加了一个，但仍然不起作用。也许我加错了。太棒了！