角2 routerlink在材料2欄

Question

不可點擊的routerLink指令在材料的MD-工具欄組件沒有影響2.

toolbar.component.html：

<md-toolbar color="primary"> 
    <a routerLink="/email-login" routerLinkActive="active"> Email </a> 
</md-toolbar> 

我有一個路由模塊與所有的路線：

import { NgModule } from '@angular/core'; 
import { RouterModule, Routes } from '@angular/router'; 

// Application Pages; 
/* Public Pages */ 
import { EmailLoginPage } from './pages/public/email-login.page'; 
import { LinkedinLoginPage } from './pages/public/linkedin-login.page'; 
/* Private Parent Page */ 
import { Dashboard } from './pages/authenticated/dashboard'; 
/* Private Pages */ 
import { RecordsPage } from './pages/authenticated/records.page'; 

const routes: Routes = [ 
    { path: 'email-login', component: EmailLoginPage }, 
    { path: 'linkedin-login', component: LinkedinLoginPage }, 
    { 
    path: 'dashboard', 
    component: Dashboard, 
    canActivate: [], 
    children: [ 
     { path: 'records', component: RecordsPage }, 
     { path: '', component: RecordsPage } 
    ] 
    }, 
    { 
    path: '', 
    redirectTo: '/email-login', 
    pathMatch: 'full' 
    } 
]; 

@NgModule({ 
    imports: [ RouterModule.forRoot(routes) ], 
    exports: [ RouterModule ] 
}) 

export class RoutingModule {} 

這是否有什麼關係與鏈接設置爲材質指令子元素的事實呢？如果是這樣的話，最好的方法是什麼？

謝謝。

Answer 1

樣品：

<md-menu #menu="mdMenu"> 
    <button md-menu-item [routerLink] ="['/Settings']"> 
    <md-icon>voicemail</md-icon> 
      <span> Settings </span> 
    </button> 
</md-menu> 

希望你設置了正確的路線。

Answer 2

嘗試刪除前導斜槓？

<md-toolbar color="primary"> 
    <a routerLink="email-login" routerLinkActive="active"> Email </a> 
</md-toolbar> 

並確保您正在處理.module文件中的組件。