我的路由器链接没有在 angular 中重定向

Question

我正在尝试制作一个取消按钮，单击该按钮将重定向到主页，但是当我在本地主机中单击它时，除了 URL 最终获得 /welcome 之外，什么都没有发生，但不会将我重定向到我想要的位置。

HTML

  <button button-style="text" class="button"><a routerLink="/welcome" routerLinkActive="active">Cancel</a></button>

应用程序路由.module.ts

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { InvoicesPageComponent } from './components/invoices-page/invoices-page.component';
import { SummaryPageComponent } from './components/summary-page/summary-page.component';
import { SecurityComponent } from './components/security/security.component';
import { CreateNewComponent } from './components/create-new/create-new.component';
import { ADEWelcomeComponent } from './components/ade-welcome/ade-welcome.component';
import {StringFormatComponent} from './components/string-format/string-format.component';

const routes: Routes = [
  { path: 'invoices', component:  InvoicesPageComponent},
  { path: 'summary', component: SummaryPageComponent },
  { path: '**', component: SecurityComponent },
  { path: '', component: SecurityComponent, pathMatch: 'full' },
  { path: 'create', component: CreateNewComponent },
  { path: 'welcome', component: ADEWelcomeComponent },
  { path: 'string', component: StringFormatComponent},

];

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

Answer 1

重新格式化您的路由器模块

const routes: Routes = [
  { path: '', component: SecurityComponent, pathMatch: 'full' },
  { path: 'invoices', component:  InvoicesPageComponent},
  { path: 'summary', component: SummaryPageComponent },
  { path: 'create', component: CreateNewComponent },
  { path: 'welcome', component: ADEWelcomeComponent },
  { path: 'string', component: StringFormatComponent},
  { path: '**', component: SecurityComponent },

将 ** 移动到路线的末尾，因为它意味着任何其他未在顶部定义的内容