Pro*_*ist 5 angular2-routing angular
我正在尝试在 Angular 2 中实现路由,这些是我的文件
app.module.ts
import {Component, NgModule} from '@angular/core'
import {BrowserModule} from '@angular/platform-browser'
import {HomeComponent} from "./home.component";
import {RentedHomeComponent} from "./rented-home";
import {TenantComponent} from "./tenant.component";
import {SubTenantComponent} from "./sub-tenant.component";
import {BreadcrumbService} from "./breadcrumb.service";
import {routes, routingProviders} from "./app.routes";
import {RouterModule} from "@angular/router";
import {BreadcrumbComponent} from "./breadcrumb.component";
import {APP_BASE_HREF} from "@angular/common";
@Component({
selector: 'my-app',
template: `
<h1 class="title">This is the landing page and no Breadcrumb here</h1>
<a routerLink="/rented-home" class="btn btn-md btn-primary">View Customer Detail</a>
<div class="row">
<div class="col-md-12">
<router-outlet></router-outlet>
</div>
<div class="main-view">
</div>`,
})
export class App { }
@NgModule({
imports: [ BrowserModule, RouterModule, routes ],
declarations: [ App, HomeComponent, RentedHomeComponent, TenantComponent, SubTenantComponent, BreadcrumbComponent ],
providers: [routingProviders, BreadcrumbService,
{ provide: APP_BASE_HREF, useValue: '/' }],
bootstrap: [ App ]
})
export class AppModule {}
Run Code Online (Sandbox Code Playgroud)
app.routes.ts
import {Routes, RouterModule} from "@angular/router";
import {ModuleWithProviders} from "@angular/core";
import {HomeComponent} from "./home.component";
import {RentedHomeComponent} from "./rented-home";
import {TenantComponent} from "./tenant.component";
import {SubTenantComponent} from "./sub-tenant.component";
import {App} from "./app";
const appRoutes : Routes = [
{path:'', redirectTo:'/home', pathMatch:'full'},
{path:'home', component:App},
{path:'rented-home', component:RentedHomeComponent, data:{title:'Rented-Home'}},
{path:'tenant', component:TenantComponent, data:{title:'Tenant'}},
{path:'sub-tenant', component:SubTenantComponent, data:{title:'Sub-Tenant'}}
]
export const routingProviders : any[] = [];
export const routes : ModuleWithProviders = RouterModule.forRoot(appRoutes);
Run Code Online (Sandbox Code Playgroud)
但我得到 - 未处理的承诺拒绝:路线“家”的无效配置。必须提供以下之一: component、redirectTo、children 或 loadChildren ;区域: ; 任务: Promise.then ;价值:
这有什么帮助吗?
| 归档时间: |
|
| 查看次数: |
5988 次 |
| 最近记录: |