angular的@output的问题

我有一个child-component:

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

@Component({
  selector: 'app-ng-content-child',
  template: `<button type="button" (click)="onclick()">Click me to fire a custom event</button>`
})
export class NgContentChildComponent implements OnInit {

  testData = 1;
  @Output()
  childEvent = new EventEmitter();

  constructor() { }
  ngOnInit() {}

  onclick() {
    this.childEvent.emit(this.testData);
  }
}

还有一个parent-component

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

@Component({
  selector: 'app-ng-content-parent',
  template: `<app-ng-content-child (childEvent)="onchildevent()"></app-ng-content-child>`
})
export class NgContentParentComponent implements OnInit {

  constructor() { }
  ngOnInit() {}

  onchildevent(data) {
    console.log(data);
  }
}

我从子组件output到父组件。。为什么console.log那句是undefined?
另外,必须在附件组件中嵌入子组件,且在子组件上加监听器才可以在父组件中获得子组件的值妈?

1个回答

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐