angular2 rc5和路由不能匹配任何路由:

angular2 rc5和路由不能匹配任何路由:,angular,Angular,我正在尝试将rc5用于路由 这是我想做的 转到登录页面 登录后,转到顶部有导航的仪表板路线 用户单击导航中的链接,内容显示在辅助路由器中 这是我的app.routes.ts const routeConfig: Routes = [ { path: '', component: LoginComponent}, { path: 'login', component: LoginComponent}, { path: 'dashboard', component: Dashboard

我正在尝试将rc5用于路由

这是我想做的

  • 转到登录页面
  • 登录后,转到顶部有导航的仪表板路线
  • 用户单击导航中的链接,内容显示在辅助路由器中
  • 这是我的app.routes.ts

    const routeConfig: Routes = [
    
      { path: '', component: LoginComponent},
      { path: 'login', component: LoginComponent},
      { path: 'dashboard', component: DashboardComponent},
      {path: 'models',component: ModelsComponent, outlet:'content'}
    ];
    
    // - Updated Export
    export const routing = RouterModule.forRoot(routeConfig);
    
    以下是仪表板的html:

    <div>
      <div class="dashhead">
        <div class="dashhead-titles">
          <h6 class="dashhead-subtitle">Qauntitative Treasury Analytics</h6>
          <h3 class="dashhead-title">QTA Model Builder</h3>
        </div>
    
        <div class="dashhead-toolbar">
    
          <span class="dashhead-toolbar-divider hidden-xs"></span>
    
        </div>
      </div>
    
      <ul class="nav nav-bordered">
    
        <li [class.active]="isCurrentRoute(['models'])"><a [routerLinkActive]="['active']" [routerLink]="['models']">Models</a></li>
    
        <li><a (click)="logout()">Logout</a></li>
      </ul>
    </div>
    
    <router-outlet name="content"></router-outlet>
    
    你应该试试

    routerLink='/home'
    
    而不是:

    [routerLink]="['home']"
    
    你应该试试

    routerLink='/home'
    
    而不是:

    [routerLink]="['home']"
    

    您的路由配置不包含
    home
    路由。我删除了commet html-home在注释中[routerLink]=“['/models']”无效如果使用默认插座,它是否有效,没有
    outlet:'content'
    ?不,它不工作您的路由配置不包含
    home
    路由。我删除了commet html-home在注释中[routerLink]=“['/models']”不工作如果您使用默认的outlet,没有
    outlet:'content'
    ?不,它不工作
    [routerLink]=“['/home']
    也应该这样做(虽然你的更简洁)[routerLink]=“['/home']”“也应该这样做(但是你的更简洁)