Running a function on init in app.component.ts

Question

This might be a really stupid question, but I've noticed that the <app-root> in angular does not implement OnInit like all other components. Say I wanted to put a simple console.log('Hello World') in for a example and I wanted that to show every time the app-root was loaded (stupid I know but simple enough for this example), where in the code structure would I do this and does it need a special function name (eg. ngOnInit())? Or is the whole point of angular for this to be nothing more than just a wrapper that initialises other components.

Here's the code in it basic format as the Angular CLI installs it:

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

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'app';

}

Answer 1

Yes you can add it just like the other components:

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

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {
  title = 'app';

  ngOnInit() {
    console.log();
  }

}

Also, it's not that you shouldn't do it. Like anything else, there should be a reason. It just depends on what you are trying to do. That's what more accurately would determine whether or not what you are trying to do is correct/incorrect or good practice/bad practice*