我们如何在Angular中访问ngOnInit上的output @Output？

在Angular中，可以通过使用@Output装饰器来访问ngOnInit上的output。@Output装饰器用于定义一个输出属性，它允许从子组件向父组件传递数据。

首先，在子组件中定义一个输出属性，并使用@Output装饰器进行修饰。例如：

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

@Component({
  selector: 'app-child',
  template: `
    <button (click)="emitData()">Emit Data</button>
  `
})
export class ChildComponent implements OnInit {
  @Output() dataEvent = new EventEmitter<string>();

  ngOnInit() {
    // 在ngOnInit中可以进行一些初始化操作
  }

  emitData() {
    this.dataEvent.emit('Hello from child component');
  }
}

在上面的代码中，我们定义了一个名为dataEvent的输出属性，并使用EventEmitter来创建一个事件发射器。

然后，在父组件中使用子组件，并监听子组件的输出属性。例如：

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

@Component({
  selector: 'app-parent',
  template: `
    <app-child (dataEvent)="handleData($event)"></app-child>
  `
})
export class ParentComponent {
  handleData(data: string) {
    console.log(data); // 输出：Hello from child component
  }
}

在上面的代码中，我们在父组件的模板中使用子组件，并通过(dataEvent)监听子组件的输出属性。当子组件中的emitData方法被调用时，父组件中的handleData方法会被触发，并接收到子组件传递的数据。

需要注意的是，ngOnInit是Angular生命周期钩子函数，用于在组件初始化时执行一些操作。而@Output装饰器用于定义输出属性，它并不直接与ngOnInit有直接的关联。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云函数（SCF）。