Question

我有一个主app.component文件，它重定向到一个登录文件。我想在整个应用程序中命名路由器插座，因为我需要导航到应用程序中不同位置的完整页面视图。不幸的是，重定向不起作用，角度抱怨

RROR错误：未捕获（承诺）：错误：无法匹配任何路由。网址细分：＆＃39;登录＆＃39;

这是代码

    nav class="navbar navbar-default navbar-static-top">
  <div class="container">
    <div class="navbar-header">
      <div class="navbar-brand">
        <p class="text-primary">
          <strong> Zuora Ecommerce Portal </strong>
        </p>
      </div>
    </div>
    <ul class="nav navbar-nav navbar-left">
      <li>
        <a href="#Login">
          <strong>Login</strong>
        </a>
      </li>
      <li><a href="#Your Info"><strong>Account Information</strong></a></li>
      <li><a href="#inv"><strong>Billing and Payments</strong></a></li>
    </ul>
  </div>
</nav>
<router-outlet></router-outlet>
<router-outlet name="main"></router-outlet>

这是路由配置：

import { NgModule }             from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import {Login} from "./login.component";

const routes: Routes = [
  { path: '', redirectTo: '/login', pathMatch: 'full' },
  { path: 'login',  component: Login, outlet:'main'},
];

@NgModule({
  imports: [ RouterModule.forRoot(routes) ],
  exports: [ RouterModule ]
})
export class AppRoutingModule {}

Answer 1

更新您的默认路线，如下所示

...
{ path: '', redirectTo: '/(main:login)', pathMatch: 'full' },
...

选中此Plunker!!

希望这会有所帮助!!

Angular 2的命名路由器插座无法找到？

1 个答案: