在Angular 6中,路由问题可能涉及到路由配置,路由导航和路由参数等方面。以下是一些常见的路由问题以及相应的解决方法:
路由配置问题:
路由导航问题:
路由参数问题:
以下是一个示例代码,展示了如何解决上述路由问题:
app.module.ts:
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { RouterModule } from '@angular/router';
import { AppComponent } from './app.component';
@NgModule({
declarations: [AppComponent],
imports: [
BrowserModule,
RouterModule.forRoot([
{ path: 'path', component: PathComponent },
])
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
app.component.html:
Go to Path
path.component.ts:
import { Component } from '@angular/core';
import { ActivatedRoute } from '@angular/router';
@Component({
selector: 'app-path',
template: 'Path Component'
})
export class PathComponent {
constructor(private route: ActivatedRoute) {
const paramValue = this.route.snapshot.queryParamMap.get('param');
console.log(paramValue);
}
}
希望以上解决方案能帮助到你解决Angular 6中的路由问题。
上一篇:Angular (2+):在 SCSS 中的图像引用被复制到 dist(构建)的根目录中。
下一篇:Angular (6/7/8) - 在等待从window.location.assign加载内容时显示一个加载动画