时间戳

首页 > 解决方案 > 使用路由器Angular 6通过按钮单击创建导航功能时出错

javascript - 使用路由器Angular 6通过按钮单击创建导航功能时出错

问题描述

我是 Angular 6 的新手，它是导航/路由，如果这听起来很明显，我很抱歉。

我正在尝试使用具有导航到登录页面的功能的按钮，但我不断收到此错误：

" 错误：未捕获（承诺中）：错误：无法匹配任何路由。URL 段：'login' 错误：无法匹配任何路由。URL 段：'login' at ApplyRedirects.push../node_modules/@angular/router/fesm5 /router.js.ApplyRedirects.noMatchError "

我的 html 是：

<button ion-button (click) = "openLogin()" >Efetuar login</button>

我的路由器是：

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { LoginComponent } from './login/login.component';

const routes: Routes = [
  {
    path: 'login',
    outlet: 'login',
    component: LoginComponent
  },
  { path: '', loadChildren: './tabs/tabs.module#TabsPageModule' }
];

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

我一直在研究此事，只要路径对应于路由器中定义的路径，就不应该有任何问题，但我不断收到此错误。

标签： javascriptangularrouting

解决方案

尝试以这种方式在您的导入中实现这一点：

RouterModule.forRoot(routes, {useHash: true});

代替：

RouterModule.forRoot(routes)

推荐阅读