Question

Video rec of Issue I'm facing

我在我的angular 6应用程序中使用jquery数据表。如果我在主页中使用该表，则该表将完美加载。但是，如果我尝试在不同组件中使用同一张表并尝试路由到该页面，则视图将启动几秒钟，然后视图将自动重定向到主页。如果我将表隐藏在该组件上，则路由将完美工作。我的控制台没有看到任何错误或警告。所以我找不到问题的根源。有人请帮助我。

home-page.component.html <p> home-page works! </p> <div [routerLink]="['/transactions']">Table</div>

app-routing.module.ts

import { Routes, RouterModule } from '@angular/router';
import { TransactionsComponent } from './transactions/transactions.component';
import { HomePageComponent } from './home-page/home-page.component';

const routes: Routes = [
  { path: 'transactions', component: TransactionsComponent },
  { path: '', component: HomePageComponent },
];

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

stackblitz网址 Issue I'm Facing

Editor url

Answer 1

您需要为应用程序设置默认路径

按如下所示替换路由：

const routes: Routes = [{  path: '', component: **add home component here** },
   { path: 'transactions', component: TransactionsComponent }];

当您导航至交易页面时，请按以下所示在路由标记之前添加斜杠（/）

[routerLink]="['/transactions']"

Angular 6页面无需任何路由器方法即可重定向到主页

1 个答案: