在Angular中,可以通过路由来实现子路由的导航。以下是在Angular中路由到子路由的步骤:
RouterModule
和Routes
。import { RouterModule, Routes } from '@angular/router';
import { ChildComponent } from './child.component';
const routes: Routes = [
{ path: 'child', component: ChildComponent }
];
RouterModule.forRoot()
方法来配置路由。@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppModule { }
<a routerLink="/child">Go to Child</a>
<router-outlet></router-outlet>
import { Component } from '@angular/core';
@Component({
selector: 'app-child',
template: '<h1>Child Component</h1>'
})
export class ChildComponent { }
通过以上步骤,就可以在Angular中实现路由到子路由的功能。当点击父组件中的链接时,Angular会加载并显示子组件的内容。
领取专属 10元无门槛券
手把手带您无忧上云