Angular 2 routerlink在Material2工具栏中不可单击

Question

routerLink指令在材料2的md-toolbar组件中没有影响。

<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>

希望你能正确设置路线。