我已经在routingModule和所有路径中启用了anchorScrolling,但是当我单击链接时没有任何反应。
'nav-bar.component.html'
<div id="mySidenav" class="sidenav" #sidenav>
<a href="javascript:void(0)" class="closeBtn"
(click)="closeNav()">×</a>
<a routerLink="/hazyMinds" [fragment]="'HazyMinds'">HazyMinds</a>
<a routerLink="/ourGames" [fragment]="'Games'">Our Games</a>
<a routerLink="/contact" [fragment]="'Contact'">Contact</a>
</div>
<span id="openNavBtn" (click)="openNav()" #openBtn>☰</span>
'app.component.html'
<app-nav-bar></app-nav-bar>
<app-hazy-minds id="HazyMinds"></app-hazy-minds>
<app-games id="Games" ></app-games>
<app-contact id="Contact"></app-contact>
<router-outlet></router-outlet>
'应用程序路由.module.ts'
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { RouterModule, Routes } from '@angular/router';
import {ContactComponent} from './contact/contact.component';
import {GamesComponent} from './games/games.component';
import {HazyMindsComponent} from './hazy-minds/hazy-minds.component';
const routes: Routes = [
{path: '', redirectTo: '/', pathMatch: 'full'},
{path: 'hazyMinds', component : HazyMindsComponent},
{path: 'ourGames', component : GamesComponent},
{path: 'contact', component : ContactComponent}
];
@NgModule({
imports: [
RouterModule.forRoot(routes, {
scrollPositionRestoration: 'enabled',
anchorScrolling: 'enabled',
scrollOffset: [0, 64]
}),
CommonModule
],
exports: [
RouterModule
]
})
export class AppRoutingModule { }
我希望当我单击链接时它会自动滚动到正确的锚点。
有人知道我的代码有什么问题吗?谢谢