Angular 6 страница перенаправляет на домашнюю страницу без каких-либо методов маршрутизатора - PullRequest
Новая
       5

Angular 6 страница перенаправляет на домашнюю страницу без каких-либо методов маршрутизатора

0 голосов
/ 24 июня 2019

Видеозапись выпуска, с которой я сталкиваюсь

Я использую jquery datatable в своем угловом приложении 6. Если я использую таблицу на домашней странице, таблица загружается отлично. Но если я пытаюсь использовать одну и ту же таблицу в другом компоненте и пытаюсь направить на эту страницу, представление запускается в течение нескольких секунд, а затем автоматически перенаправляется на домашнюю страницу. Если я скрою таблицу на этом компоненте, маршрутизация работает отлично. Я не вижу ошибок или предупреждений в моей консоли. поэтому я не смог найти источник проблемы. кто-нибудь, пожалуйста, помогите мне.

домашняя page.component.html <p> home-page works! </p> <div [routerLink]="['/transactions']">Table</div>

приложение-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 { }

URL стекаблика Выпуск, с которым я столкнулся

Редактор URL

1 Ответ

0 голосов
/ 24 июня 2019

Вам необходимо установить путь по умолчанию для вашего приложения

Замените ваш маршрут следующим образом: 

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

при переходе на страницу транзакции добавьте косую черту (/) перед тегом маршрутизации следующим образом 

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