Angular 2的路由链接在Material 2的工具栏中无法点击。

13 浏览
0 Comments

Angular 2的路由链接在Material 2的工具栏中无法点击。

在Material 2的md-toolbar组件中，routerLink指令没有效果。

toolbar.component.html:


   邮件

我有一个包含所有路由的路由模块：

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
// 应用页面;
/* 公共页面 */
import { EmailLoginPage } from './pages/public/email-login.page';
import { LinkedinLoginPage } from './pages/public/linkedin-login.page';
/* 私有父页面 */
import { Dashboard } from './pages/authenticated/dashboard';
/* 私有页面 */
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 {}

这是否与链接设置为Material指令的子元素有关？如果是，请问最佳解决方法是什么？

谢谢。

0

2 答案

0 Comments

问题原因：可能是由于没有正确处理组件在.module文件中导致的。

解决方法：尝试移除前导斜杠，并确保在.module文件中正确处理组件。

文章内容如下：

Angular 2中Material 2工具栏中的routerlink不可点击

问题描述：在Angular 2中使用Material 2工具栏时，发现routerlink无法点击。

解决方法如下：

尝试移除前导斜杠：


   Email

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

0
0 Comments

原因：Angular 2中的routerLink无法在Material 2的Toolbar中点击。

解决方法：确保正确设置了路由。

具体代码如下：

0