如何解决角度菜单有路由不工作
我有一个带有两个链接的菜单,它应该将我带到这两个组件,但它们根本没有显示。路由非常基本,两个组件和一个空路由,我一直在关注我看过的教程,非常感谢您的帮助和耐心。
app-routing.module.ts
import { HorasComponent } from './horas/horas.component';
import { ServicioComponent } from './servicio/servicio.component';
const routes: Routes = [
{ path: '',component: ServicioComponent },{ path: 'servicio',{ path: 'horas',component: HorasComponent }
];
@NgModule({
imports: [RouterModule.forRoot(routes)],exports: [RouterModule]
})
export class AppRoutingModule { }
app.component.html
<mat-toolbar color="primary">
<mat-toolbar-row>
<h1>Calculadora</h1>
<span class="menu-spacer"></span>
<div>
<a mat-button routerLink="/servicio" routerLinkActive="active"> Servicio </a>
<a mat-button routerLink="/horas" routerLinkActive="active"> Horas </a>
</div>
</mat-toolbar-row>
</mat-toolbar>
app.module.ts
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { HttpClientModule } from '@angular/common/http';
import { MatToolbarModule } from '@angular/material/toolbar';
import { MatIconModule } from '@angular/material/icon';
import { MatSidenavModule } from '@angular/material/sidenav';
import { MatListModule } from '@angular/material/list';
import { MatButtonModule } from '@angular/material/button';
import { AppRoutingModule } from './app-routing.module';
import {AppComponent } from './app.component';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { NavbarComponent } from './navbar/navbar.component';
import { ServicioComponent } from './servicio/servicio.component';
import { HorasComponent } from './horas/horas.component';
@NgModule({
declarations: [
AppComponent,NavbarComponent,AppComponent,ServicioComponent,HorasComponent,],imports: [
BrowserModule,AppRoutingModule,BrowserAnimationsModule,HttpClientModule,MatToolbarModule,MatSidenavModule,MatListModule,MatButtonModule,MatIconModule
],providers: [],bootstrap: [AppComponent]
})
export class AppModule { }
有什么遗漏吗?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。