Angular router перенаправляет весь роутер на пустую страницу - PullRequest
Новая
       4

Angular router перенаправляет весь роутер на пустую страницу

0 голосов
/ 06 мая 2019

Я настроил свой угловой маршрутизатор очень простым способом, но ни один из маршрутов не загружает какие-либо компоненты, и независимо от того, что я делаю, все они перенаправляют на '' и загружают пустую страницу.Компонент app-root всегда загружает панель навигации, но ни один из других маршрутов не работает.

app.routing.module.ts 

import { HomeComponent } from './home/home.component';

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

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

app.module.ts 

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

// Import Material UI Components
import {MatButtonModule, MatCheckboxModule} from '@angular/material';
import {MatToolbarModule} from '@angular/material/toolbar';
import {MatCardModule} from '@angular/material/card';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { HomeComponent } from './home/home.component';
import { ProjectsComponent } from './projects/projects.component';

@NgModule({
  declarations: [
    AppComponent,
    HomeComponent,
    ProjectsComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    MatButtonModule,
    MatCardModule,
    MatCheckboxModule,
    MatToolbarModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

app.component.html 

<!--The content below is only a placeholder and can be replaced.-->
<div style="text-align:center">
    <mat-toolbar color="primary">
      <span><img width="150" alt="Blitz Logo" src="../assets/blitz_logo_2014_v1_.png"></span>

      <!-- This fills the remaining space of the current row -->
      <span class="fill-remaining-space"></span>

      <span>A Link</span>
    </mat-toolbar>
  </div>
  <router-outlet></router-outlet>

Примечание: при загрузке маршрута по умолчанию это происходит мгновенноперенаправить на /home, но затем мгновенно перенаправить обратно на '', что является пустым.Ввод вручную '/home' также мгновенно перенаправляет на '', что является пустым.

...