У меня есть проект, основанный на angular v6, проблема заключается в том, что всякий раз, когда я пытаюсь использовать таблицу матов в любом компоненте, этот компонент просто перенаправляет в root, и в консоли инструментов разработчика нет ошибок.
Когда я врезаюсь в маршрут транспортного средства, он перенаправляет меня на корневую страницу, и хотя в коде нет ничего неправильного, но я не могу выяснить проблему.
Вот мой компонент
Мой модуль
import { MatTableModule } from '@angular/material';
import { RouterModule, Routes } from '@angular/router';
import { BrowserModule } from '@angular/platform-browser';
const routes: Routes = [{path: 'vehicles-temp', component: VehicleHistoryDetailsDialogComponent}];
@NgModule({
imports: [
RouterModule.forChild(routes),
BrowserModule,
MatTableModule
],
declarations: [
VehicleHistoryDetailsDialogComponent
],
exports: [
VehicleHistoryDetailsDialogComponent
],
})
export class VehicleHistoryModule {}
Мой шаблон
<table mat-table [dataSource]="[]">
<ng-container matColumnDef="operation_name">
<th mat-header-cell *matHeaderCellDef>Operation</th>
<td mat-cell *matCellDef="let row">{{row.operation_name}}</td>
</ng-container>
<ng-container matColumnDef="ro_number">
<th mat-header-cell *matHeaderCellDef>RO #</th>
<td mat-cell *matCellDef="let row">{{row.ro_number}}</td>
</ng-container>
<ng-container matColumnDef="repair_shop_location">
<th mat-header-cell *matHeaderCellDef>Location</th>
<td mat-cell *matCellDef="let row">{{row.repair_shop_location}}</td>
</ng-container>
<ng-container matColumnDef="status">
<th mat-header-cell *matHeaderCellDef>Status</th>
<td mat-cell *matCellDef="let row">{{row.status}}</td>
</ng-container>
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns;"
App Router
`
const appRoutes: Routes = [
{path: 'login', component: LoginComponent},
{path: 'login/:profile_id', component: AuthLoginComponent},
{path: 'signup', component: SignUpComponent},
{path: 'reset-password', component: ResetPasswordComponent},
{path: 'reset-password/:token', component: ResetPasswordComponent},
{path: 'inventory', component: InventoryListComponent, canActivate: [UserService], data: {id: 'inventory_enabled'}},
{path: 'dashboard', component: DashboardComponent, canActivate: [UserService], data: {id: 'dashboard_enabled'}},
{path: '', redirectTo: 'ros', pathMatch: 'full'},
{path: '**', component: NotFoundComponent}
];
@NgModule({
imports: [
RouterModule.forRoot(appRoutes)
],
exports: [
RouterModule
]
})
`
ОБНОВЛЕНИЕ: если закомментировать таблицу,перенаправление прекращается