使用 EventEmitter Angular 2 共享数据

Question

我的 Angular 2 项目中有 2 个组件。 第一个组件是：

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

@Component({
  selector: 'second-component',
  template: '<div><div>'
})

export class SecondComponent implements OnInit{

@Output() changeDetect = new EventEmitter<Boolean>();

private value: boolean;

ngOnInit() {
  this.value = false;
  this.doSomething();
}

doSomething(): void {
  if (2 > 1) {
    this.value = true;
  }
}

changeDetection() {
  this.changeDetect.emit(this.value);
}

}

我需要做的是，我需要在第二个组件中发送this.value 值。 例如方法doSomething() 做了一些改变this.value，它可能是真或假，不管。
第二部分：

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

@Component({
  selector: 'first-component',
  template: '
  <div>FIRST COMPONENT<div>
  <second-component (changeDetect)="changes($event)"></second-component> 
  <span>{{_message}} 
  </span>'
})

export class FirstComponent implements OnInit {

private _change: boolean;
private _message: string;

ngOnInit() {

}

changes(event) {
  // Here i want to get boolean value from the first component to do something like below
  if (event === true) {
    message = 'true';
  }
}

}

我知道我的问题很菜，但我希望你明白我的意思。
任何建议我都会很高兴，因为我完全迷失了。

Answer 1

在这种情况下，您需要手动发出值

doSomething(): void {
  if (2 > 1) {
    this.value = true;
    this.changeDetection();
  }
}

Answer 2

我认为问题在于您没有访问您发出的值的属性。

changes(event) {
  // Here i want to get boolean value from the first component to do something like below
  if (event.value === true) {
    message = 'true';
  }
}

当你这样做时：

if (event === true)

同理：

if (event) {

您正在检查它是否为空/未定义。

正如 Alexander 所建议的，你必须接线：

changeDetection() {
  this.changeDetect.emit(this.value);
} 

如果您还没有的话，发送到前端/角度代码上的事件处理程序。

希望对您有所帮助。