Angular веб-компонентов и маршрутизация

Question

Я выполняю некоторые angular веб-компоненты, как показано в этом примере здесь .

Все веб-компоненты отображаются нормально в родительском приложении (пример: http://localhost: 8080 / панель инструментов ), но моя текущая проблема заключается в том, что у меня есть кнопка в моем веб-компоненте, и мне нужно go к профилю веб-компонента (пример: http://localhost: 8080 / панель инструментов / профиль ).

Я пробовал несколько примеров, но ни один не работал.

Не удалось кто-нибудь направит меня, пожалуйста? Заранее спасибо.

Answer 1

Немного вашего кода было бы полезно посмотреть, что у вас есть в данный момент и что может быть с ним не так.

В вашем файле dashboard.component. html вы бы хотели иметь кнопку или ссылку element (), который ссылается на ваш маршрутизатор:

<a routerLink="/dashboard/profile">Login</a>

Ваш app-routing.module.ts должен иметь что-то вроде:

// standard imports
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';

// importing your component to route to 
import { DashboardProfileComponent } from './dashboardprofile/dashboardprofile.component';

// your route
const routes: Routes = [
  {path: 'dashboard/profile', component: DashboardProfileComponent},
];

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

Не забудьте импортировать ваш модуль маршрутизации в вашем app.module.ts. app.module.ts

import { AppRoutingModule } from './app-routing.module';