如何重定向到一個模塊中angular2從索引

我是新來angular2，我從網上得到了一個樣本登錄&註冊碼，當我運行它顯示的索引頁，但有一個名爲模塊「登錄「在應用程序文件夾內。如何重定向到一個模塊中angular2從索引

如何從此索引頁面重定向到通過代碼或通過輸入url登錄？

現在項目上運行「本地主機：3000」，這是我的路由器文件：

"use strict"; 
var router_1 = require('@angular/router'); 
var index_1 = require('./home/index'); 
var index_2 = require('./login/index'); 
var index_3 = require('./register/index'); 
var index_4 = require('./_guards/index'); 
var appRoutes = [ 
{ path: '', component: index_1.HomeComponent, canActivate: [index_4.AuthGuard] }, 
{ path: 'login', component: index_2.LoginComponent }, 
{ path: 'register', component: index_3.RegisterComponent }, 
// otherwise redirect to home 
{ path: '**', redirectTo: '' } 
]; 
exports.routing = router_1.RouterModule.forRoot(appRoutes); 
//# sourceMappingURL=app.routing.js.map

來源

2017-04-06 Ranjith M

您需要導入Router模塊

import { Router } from "@angular/router";

然後在你index_1.HomeComponent注入Router的構造函數

constructor(private router: Router)

在012你的組件的方法有可能，如果用戶登錄或沒有一些邏輯，如果不是那麼登錄您可以重定向LO登錄頁面類似下面的方法：

this.router.navigate(["/login"]);

來源

2017-04-06 09:15:45

我想要做的唯一事情是加載登錄頁面，現在它在index.php一個「載入中...」的消息，該項目的URL看起來像本地主機： 3000 @Hasan Ibrahim –

「/ login/index」這個東西我想從項目文件夾中的index.html加載怎麼樣？ @Hasan易卜拉欣 –

@RanjithM你的「/登錄/指數」的意思是說另一個組件來加載，或者你只是想用另一個網址LoginComponent？ – brijmcq

如果你只是想使LoginComponent你的路由器插座中的默認組件，你可以交換你的HomeComponent和LoginComponent。或者你可以重定向你的「」登錄。您的路線將像

... 
{ path: '', redirectTo:'login', pathMatch:'full'}, 
{ path: 'home', component: HomeComponent }, 
{ path: 'login',component:LoginComponent}, 
...

來源

2017-04-06 09:49:27 brijmcq

如何重定向到一個模塊中angular2從索引

回答

相關問題