You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

ng generate component未自动生成ngOnInit与构造函数的问题

Angular组件生成结果与教程不一致的问题

我正在学习Angular英雄指南教程,使用ng generate component heroes命令生成heroes组件后,得到的heroes.component.ts代码如下:

import { Component } from '@angular/core';

@Component({
  selector: 'app-heroes',
  templateUrl: './heroes.component.html',
  styleUrls: ['./heroes.component.css']
})
export class HeroesComponent {

}

但教程中展示的预期生成内容包含OnInit导入、构造函数和ngOnInit方法,代码如下:

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-heroes',
  templateUrl: './heroes.component.html',
  styleUrls: ['./heroes.component.css']
})
export class HeroesComponent implements OnInit {

  constructor() { }

  ngOnInit(): void {
  }

}

我原本以为ng generate component命令会自动生成这些内容,附上我的Angular版本截图:
Angular版本截图

内容的提问来源于stack exchange,提问作者metro

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.07 20:01:10