2016-11-30 42 views
1

我想在沒有按鈕的情況下在angular2中加載routerOutles,但無法弄清楚如何去做。這是如何做到這一點按鈕:是否有可能從angular2中的函數中加載routerOutlet

<button (click) = "load()" ><a routerLink="/next" routerLinkActive="active"> Load> </a></button 

現在我只是不能弄清楚如何設置routerLink積極的功能,而不是標籤。

我嘗試:

constructor(){{ 

load(){ 
routerLink="/game"; 

回答

1

HTML

<div class="btn btn-primary" (click)="load()"></div> 

TS

import { Router } from '@angular/router'; 
    constructor(private router: Router) { 

     } 

    load() { 
      this.router.navigate(['/game']); 
     } 
+0

這個工作對我來說,太感謝你了 –

2

你可以在路由器上使用navigate方法。

constructor(private router: Router) { 
     this.router.navigate(['game']); 
    } 

routerLinkActive讓您添加一個CSS類元素時鏈接的途徑被激活。

希望這有助於!

相關問題