Question

我想在没有按钮的情况下在angular2中加载routerOutles，但无法弄清楚如何操作。这是使用按钮执行此操作的方法：

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

现在我无法弄清楚如何在函数中设置routerLink而不是标记。

我的尝试：

constructor(){{

load(){
 routerLink="/game";

Answer 1

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

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

routerLinkActive允许您在链接的路由变为活动状态时向元素添加CSS类。

希望这会有所帮助!!

Answer 2

<强> HTML

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

<强> TS

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

        }

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

是否可以从angular2中的函数加载routerOutlet

2 个答案: