Question

我无法从其他文件夹调用组件文件。我的路由条目如下

import { ServicesComponent } from './services.component';
import { ApiListComponent } from '../api-list/api-list.component';

const routes: Routes = [{ 
  path: '', component: ServicesComponent,
  data: {
      breadcrumb: "ServiceListings",
      sidebar: [{
            link: "apilist",
            label: "APIListings",
            position: 'right',
            showDelay: 0,
            hideDelay: 100 }]
       }
}];

当我从要加载的其他文件夹中单击apilist组件ApiListComponent时。请在routing.ts文件中告知需要进行哪些更改。

预先感谢

Answer 1

const APP_ROUTES = [
  {
    path: '',
    redirectTo: '/breadcrumb',
    pathMatch: 'full'
  },
  {
    path: 'breadcrumb',
    component: ServicesComponent        
  },
  {
    path: 'applies',
    component: ApiListComponent
  }
];

尝试

Answer 2

sidebar details provided here我按照建议进行了更改。现在我收到404错误。我尝试了对路由文件的更改。其他建议。请不要将ListServices和ListApis组件放在两个不同的文件夹中

Angular 2中的路由问题

2 个答案: