Questions & Answers

I'm following the Angular tour of heroes and when I generate the "heroes" component using "ng generate component heroes" this is my component.ts file:

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

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

}

but the tutorial said I should be getting something that looks like this:

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 {
  }

}

I was expecting to get the constructor and ngOnInit function and also import the OnInit automatically. Heres my version if it helps image