组件“组件名”没有路由配置

Question

我在angular2的路由上遇到了一些问题。我想在我的服务中创建嵌套路由，但我被卡住了。

@Component({
  selector : "app",
  directives : [ROUTER_DIRECTIVES],
  template : `
    <router-outlet></router-outlet>
  `
})

@RouteConfig([
  {path: "/**", redirectTo: ['/User', {userId:0}, 'Main']},
  {path: "/users/:userId/...", component: User, name: "User", useAsDefault:true},
  {path: "/main", component: Main, name: "Main"}
])

@Component({
  selector : "user",
  directives : [ROUTER_DIRECTIVES, NavBar, UserInfo, Main, Feeds, Notebook],
  template : `
  <div class="dotebook-main">
      <nav-bar></nav-bar>
      <div class="dotebook-view">
        <div class="dotebook-body">
          <router-outlet></router-outlet>
        </div>
        <div class="dotebook-user">
          <user-info [user]="user"></user-info>
        </div>
      </div>
    </div>
  `
})

export class User{
  constructor(){
  }
}

@RouteConfig([
  {path: "/", redirectTo : ['Main']},
  {path: "/main", component: Main, name: 'Main', useAsDefault: true},
  {path: "/feeds", component: Feeds, name: "Feeds"},
  {path: "/notebook/:notebookId", component: Notebook, name: "Notebook"}
])

我想让'/user/：userId'一直成为root，
我希望'/user/：userId/main'成为默认页面。

用户组件应该有子路由，如“/br>”/user/：userId/main”或“/user/:userId/feed”等。

因此我在app.ts中的用户组件url的末尾添加了“/…”

但是在这一点上我有问题。< br>

我认为路由“Main”应该在用户组件中完成，但是，为了让用户第一次进入“users/：userId/Main”，我需要在应用程序中使用“redirectTo”。ts路由配置。

我得到的组件“用户”在这方面没有路由配置错误。< br>

我认为这违反了我建立的url层次结构<但是我猜不出解决办法是什么。

有人有类似的问题吗<救命<提前感谢！

Answer 1

@RouteConfig（…）注释必须位于类声明之上。这样地：

@Component({
  selector : "user",
  ...
})
@RouteConfig([
  {path: "/", redirectTo : ['Main']},
  {path: "/main", component: Main, name: 'Main', useAsDefault: true},
  {path: "/feeds", component: Feeds, name: "Feeds"},
  {path: "/notebook/:notebookId", component: Notebook, name: "Notebook"}
])
export class User{
  constructor(){
  }
}