在Angular中加载页面有多种解决方法,以下是其中一种常见的解决方法:
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { RouterModule, Routes } from '@angular/router';
const routes: Routes = [
// 配置路由路径和对应的组件
{ path: 'home', component: HomeComponent },
{ path: 'about', component: AboutComponent },
{ path: 'contact', component: ContactComponent },
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule { }
创建对应的组件,例如home.component.ts、home.component.html等。
在需要加载页面的地方,使用路由链接:
Home
About
Contact
这样,当用户点击链接时,Angular会加载对应的组件并显示在