RouterLink在IE和Firefox中不起作用（路由不跳轉）的問題

摘要： 假設路由已配置好，但執行如下程式碼後，點選 Admin 按鈕卻沒有跳轉至 admin 介面。（clrDropdownItem為按鈕樣式） main.component.html <button type="button" clrDropdownItem > ...

假設路由已配置好，但執行如下程式碼後，點選 Admin 按鈕卻沒有跳轉至 admin 介面。（clrDropdownItem為按鈕樣式）

main.component.html

<button type="button" clrDropdownItem >
<a routerLink="/admin"> Admin </a>
</button>
複製程式碼

解決方法

方法一

將 clrDropdownItem 樣式放在<a> 標籤，不使用<button> 標籤

<a clrDropdownItem routerLink="/admin"> Admin </a>
複製程式碼

咦，樣式不生效怎麼辦？看方法二吧。

方法二

使用<button> 標籤和Router.navigate方法

main.component.html

<button type="button" clrDropdownItem (click)="gotoAdmin()">
Admin
</button>
複製程式碼

main.component.ts

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

gotoAdmin() {
this.router.navigate(['/admin']);
}
}

複製程式碼