javascript - Angular 2 路由器 + Angular-cli

标签 javascript angular

我正在尝试遵循 Angular 2 文档来深入了解 Angular 2 的路由:https://angular.io/docs/ts/latest/guide/router.html#!#route-config

当我尝试按照说明重定向到默认页面时, typescript 编译器向我发送此错误:

    Type '{ path: string; redirectTo: string; pathMatch: string; }' is not assignable to type 'Route'.
    Object literal may only specify known properties, and 'pathMatch' does not exist in type 'Route'.

这是我的代码:

export const CrisisCenterRoutes: RouterConfig = [
  {
    path: '',
    redirectTo: '/crisis-center',
    pathMatch: 'full'
  },
  {
    path: 'crisis-center',
    component: CrisisCenterComponent,
    children: [
      { path: ':id',  component: CrisisDetailComponent },
      { path: '',     component: CrisisListComponent }
    ]
  },
  {
    path: 'admin',
    component: CrisisAdminComponent
  },
];

我找不到这个明显问题的任何解释。当我删除“pathMatch”属性时,代码将编译。

非常感谢您的解释。

最佳答案

您使用的版本有点旧。使用@angular/router版本应为3.0.0-beta.2

关于javascript - Angular 2 路由器 + Angular-cli,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38271014/

相关文章:

Angular - 从组件调用服务方法返回未定义

html - 根据给定值更改形状的长度

javascript - 最新 typescript 编译器版本 (0.9.5) 中的可索引对象

javascript - 如何监听 XMLHttpRequests - 浏览器扩展

javascript - Angular - 通用指令

angular - 如何在纯 Typescript 中生成 Escape 按键(不带 JQuery)

javascript - 即使属性存在,js 对象也会返回未定义

javascript - jQuery将点击事件绑定(bind)到每次页面刷新时数字不断增加的id

validation - Angular2 模板驱动的异步验证器

angular - 在 Angular 项目的 Bootstrap 中创建 Modal 对象的实例时, Bootstrap 下拉菜单不起作用