角2 routerlink在材料2栏

问题描述：

不可点击的routerLink指令在材料的MD-工具栏组件没有影响2.角2 routerlink在材料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 {}

这是否有什么关系与链接设置为材质指令子元素的事实呢？如果是这样的话，最好的方法是什么？

谢谢。

你的意思是“无效”是什么意思？ – Puigcerber

在浏览器控制台中是否有任何错误？ –

控制台中没有错误。没有效果意味着当我点击链接时没有任何反应。 – Aaron

答

样品：

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

希望你设置了正确的路线。

答

尝试删除前导斜杠？

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

并确保您正在处理.module文件中的组件。

角2 routerlink在材料2栏

相关推荐