角4项目boostrap传送带

我想实现一个boostrap传送带和Angular 4的RouteModule。如果我重新加载页面，轮播工作正常，但是当我使用routerLink在网页内侧门禁时，不会像预期的那样循环。角4项目boostrap传送带

我猜测angular会动态添加html，并且不会触发js使其启动cycing图像。

有一种方法来重新加载该组件的负载上的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>

来源

2017-07-11 Andrew

在app.module

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

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

来源

2017-07-11 21:18:53 alehn96

MMMM没有变化，在加＃添加这我的路线，但它仍然无法正常工作。也许我错误地添加了。 THKS！ – Andrew

角4项目boostrap传送带

回答

相关问题