解决方法:
npm install @angular/common
npm install @angular/router
import { Component } from '@angular/core';
@Component({
selector: 'app-network',
template: `
Network Component
`,
styles: [
`
h1 {
color: blue;
}
`
]
})
export class NetworkComponent {
// Add your component logic here
}
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { NetworkComponent } from './network.component';
const routes: Routes = [
{ path: 'network', component: NetworkComponent }
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule { }
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppRoutingModule } from './app-routing.module';
import { NetworkComponent } from './network.component';
@NgModule({
declarations: [
NetworkComponent
],
imports: [
BrowserModule,
AppRoutingModule
],
providers: [],
bootstrap: [NetworkComponent]
})
export class AppModule { }
通过以上步骤,你就可以在你的Angular应用中使用网络组件和路由了。你可以通过访问'/network'路径来显示网络组件的内容。
上一篇:Angular完成变更检测