如何使用航線提交按鈕形式 - Angular2

Question

我是新來Angular2和我一直有關於路線有些疑惑。

我用角料，我有2種形式：登錄和註冊。 當我點擊「提交」時，我想將其重定向到一個名爲Portal的組件。

這是我的結構，每個組件都有自己的模塊：

• 應用
  • 形式
    • 登錄
    • 註冊
  • 門戶

我以爲我可以使它與routerLink一起工作，但我很快就意識到這是不可能的。我知道我有一些事件傳遞給ngSubmit，但我不知道是什麼......

如果有人可以解釋我的過程，並指導我的步驟，我會非常感激。

謝謝。

Answer 1

在ngSubmit你只需要調用功能檢查下面

並在控制器

onSubmit() { 
    this.router.navigateByUrl(‘/portal'); 
} 

你需要在'@角/路由器

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

定義路由器

希望這有助於

Answer 2

首先，你需要導入

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

然後在構造函數中注入它

constructor(private router: Router) {} 

然後在表格上或者用戶ngSubmit事件或點擊按鈕事件，添加方法，並在年底它這樣做。

this.router.navigate(['/portal']); 

Answer 3

我的登錄和註冊模塊導入到表單模塊中，我在form.component.html中爲它們中的每一個調用標記。

在哪個文件我必須輸入路由器？ 並且在哪個控制器中我必須定義onSubmit（）？ 我在哪裏放標籤？

鑑於我的結構林不知道我不得不打電話把所有東西......