Всегда перенаправление на домашнюю страницу - PullRequest
Новая
       6

Всегда перенаправление на домашнюю страницу

0 голосов
/ 25 сентября 2019

Идентификатор маршрутизации My Angular App всегда показывает только содержимое домашней страницы.URL остается прежним.

Пример. Когда я пытаюсь перейти на страницу '/test', отображается только содержимое домашней страницы.Содержимое тестовой страницы не отображается.

Ниже приведен код. app.module.ts 

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { ProductComponent } from './product/product.component';
import { ProductAlertsComponent } from './product-alerts/product-alerts.component';
import { ProductDetailsComponent } from './product-details/product-details.component';
import { RouterModule, Routes } from '../../node_modules/@angular/router';
import { TestComponent } from './test/test.component';

@NgModule({
  declarations: [
    AppComponent,
    ProductComponent,
    ProductAlertsComponent,
    ProductDetailsComponent,
    TestComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,

    RouterModule.forRoot([
      { path:'products/:productId',component: ProductDetailsComponent },
      { path:'test',component: TestComponent },
      { path:'',component: ProductComponent},

    ])


  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Я также добавил роутер-выход в компонент приложения.

app.component.ts 

<div class="container">
    <router-outlet></router-outlet>
<app-product>

</app-product>
</div>

1 Ответ

0 голосов
/ 25 сентября 2019

Вы должны удалить app-product, поэтому ваш код вместо 

<div class="container">
    <router-outlet></router-outlet>
<app-product>

</app-product>
</div>

должен быть 

<div class="container">
    <router-outlet></router-outlet>
</div>

Также как @Dima укажите, что вам нужно показать код для AppRoutingModuleможет быть, это является причиной проблемы

Вот базовый пример маршрутизации

...