我有一个主app.component文件,它重定向到一个登录文件 . 我想在整个应用程序中命名路由器插座,因为我需要导航到应用程序中不同位置的完整页面视图 . 不幸的是,重定向不起作用,而角度抱怨
RROR错误:未捕获(承诺):错误:无法匹配任何路由 . 网址细分:'登录'
这是代码
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 {}
1 回答
更新您的默认路线,如下所示,
检查这个Plunker!!
希望这可以帮助!!