2017-05-26 15 views
0

ログインファイルにリダイレクトするメインのapp.componentファイルがあります。私は、アプリケーション内のさまざまな場所でフルページビューに移動する必要があるため、アプリケーション全体にルータの名前を付けたいと思っています。以下のような角2の名前付きルータのアウトレットが見つかりませんか?

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 {} 
+0

変更redirectTo: '/ login' to redirectTo: 'login' –

答えて

0

更新デフォルトルート、

:残念ながら、リダイレクトが動作しないとの角度は、ここで

RROR Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'login'

は、ここでは、コード

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> 

だと文句を言いますとルーティングの設定です

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

これをチェックするPlunker!!

関連する問題