angular - 在 app.component.ts 中的 init 上运行函数

Question

这可能是一个非常愚蠢的问题，但我注意到 <app-root> Angular 中的组件不像所有其他组件那样实现 OnInit。假设我想写一个简单的 console.log('Hello World')举个例子，我希望每次加载应用程序根目录时都显示(我知道这很愚蠢，但对于这个例子来说足够简单)，我将在代码结构中的哪个位置执行此操作以及它是否需要特殊的函数名称(例如ngOnInit())？或者说 Angular 的全部意义只是一个初始化其他组件的包装器。

下面是 Angular CLI 安装时基本格式的代码:

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

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

}

Answer 1

是的，您可以像添加其他组件一样添加它:

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();
  }

}

此外，这并不是说您不应该这样做。就像其他事情一样，应该有一个理由。这仅取决于您想要做什么。这可以更准确地确定您正在尝试做的事情是否正确/不正确或良好实践/不良实践*