在角度4中获取路径参数中的错误

时间:2017-09-24 17:29:12

标签: angular

我在angular4的路线上遇到错误

我的主要组件名为Category,在该类别组件中,我进一步创建了两个名为category-add.component.ts和category-edit.component.ts的组件

目录结构: enter image description here

添加新类别路线工作正常。但编辑路线不起作用。

路线:

imports: [
    BrowserModule , FormsModule , HttpModule, RouterModule, FlashMessagesModule ,
    RouterModule.forRoot([
      {
        path : 'category/edit/:id',
        component : CategoryEditComponent
      },
      {
        path : 'category',
        component: CategoryComponent
    },
      {
        path : 'category/add',
        pathMatch: 'full',
        component: CategoryAddComponent
    },
    {
        path : 'add-user',
        component : AddUserComponent
      },
      {
        path : 'add-member',
        component : AddMemberComponent
      }
    ])
  ],
  providers: [],

修改

点击链接,我收到此错误: Edit Button clicked Image 我没有任何组件提供商,所以我该怎么办?

1 个答案:

答案 0 :(得分:1)

好像你在CategoryComponent的构造函数中注入了class,如下所示。

constructor(private categoryComponent: CategoryComponent) {}

您不应该将Component注入Injectable。创建可注入服务并将其用作服务。此外,在使用该服务之前,在providers

AppModule元数据选项中声明相同的内容