首先,我们需要创建一个Angular组件,并在组件类中实现ngOnInit()方法。下面是一个简单的示例:
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-example',
template: '{{ message }}
'
})
export class ExampleComponent implements OnInit {
message: string;
ngOnInit() {
this.message = 'Hello, World!';
}
}
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { ExampleComponent } from './example.component';
@NgModule({
declarations: [ExampleComponent],
imports: [BrowserModule],
bootstrap: [ExampleComponent]
})
export class AppModule { }
现在,当应用启动时,"ExampleComponent"组件将被渲染,并且在ngOnInit()方法中设置的消息将显示在页面上。