Маршрутизатор Angular 4 с первой загрузкой не работает - PullRequest
Новая
       6

Маршрутизатор Angular 4 с первой загрузкой не работает

0 голосов
/ 28 февраля 2019

Импортировать оба 

import { ResetComponent } from './pass-recovery/reset.component'; 

import { HomeComponent } from './HomeComponent';

Путь к маршруту 

{ path: 'reset/:id/:token', component: ResetComponent, data : {type : 'password'} },

{ path: 'home', component: HomeComponent }

// otherwise redirect to home
{ path: '**', redirectTo: 'home' }

Проблема возникает только при угловой первой загрузке и после первой загрузкиработает нормально.Когда я направляю на «localhost: 88 / # / reset / 12 / tokenabc», он не маршрутизирует его и не переходит на домашнюю страницу.Может быть, это означает, что он не нашел маршрут.

Ответы [ 2 ]

0 голосов
/ 28 февраля 2019

Удалите атрибут данных и попытайтесь получить 

{ path: 'reset/:id/:token', component: ResetComponent}
0 голосов
/ 28 февраля 2019

Покажите онлайн демо .

В app.module.ts 

import { TestComponent } from './test/test.component';
import { Routes, RouterModule } from '@angular/router';
import { HomeComponent } from './home/home.component';

const routes: Routes = [
  {
    path: 'test/:id/:token',
    component: TestComponent
  },
  {
    path: 'home',
    component: HomeComponent
  },
  {
    path: '**',
    pathMatch: 'full',
    redirectTo: '/home'
  }
];

@NgModule({
  declarations: [
    AppComponent,
    TestComponent,
    HomeComponent
  ],
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    FormsModule,
    RouterModule.forRoot(routes, {
      useHash: true
    })
  ],
  entryComponents: [],
  bootstrap: [AppComponent]
})
export class AppModule {}

В app.component.html 

<router-outlet></router-outlet>
...