事件发射器 - 无法绑定，因为它不是已知属性 - 角度 8

Question

我正在尝试使用eventemitter，但无法使用它。我对angular很陌生，不明白发生了什么！就我在其他帖子中看到的情况而言，我做得很好！我正在尝试将一个数组通过一个组件发送到另一个组件。interventionpage将是该数组的负责人和所有者，因此每当该数组发生更改时，我都希望将数据导出到同步页面。有人能告诉我我做错了什么吗？

我得到这个错误：

*Uncaught Error: Template parse errors:
Parser Error: Bindings cannot contain assignments at column 9 in [message=$event] in ng:///SyncPageModule/SyncPage.html@40:37 ("
<ion-card>
<app-intervention [eventTest]="[ERROR ->]message=$event"></app-intervention>
<ion-item-divider>
Acciones Pendientes ({{message}})
"): ng:///SyncPageModule/SyncPage.html@40:37
Can't bind to 'eventTest' since it isn't a known property of 'app-intervention'.*

这是我的代码：

干预Page.ts

import { EventEmitter } from 'events';
@Component({
selector: 'app-intervention',
templateUrl: './intervention.page.html',
styleUrls: ['./intervention.page.scss'],
})
export class InterventionPage implements OnInit {
constructor(private router: Router,
public alertController: AlertController) { }
service: any;
initialDate: string;
endDate: string;
initialTime: string;
endTime: string;
startingTime: string;
teste_array: any = [];
interventions: any = ["test", "teste", "testee"];
@Output() public eventTest = new EventEmitter();
sendsData() {
this.interventions.push("testThroughClick");
this.eventTest.emit(this.interventions.length);
console.log("interventions length: ")
console.log(this.interventions.length);
}

同步Page.ts

import { InterventionPage } from '../intervention/intervention.page';

@Component({
selector: 'app-sync',
templateUrl: './sync.page.html',
styleUrls: ['./sync.page.scss'],
})
export class SyncPage implements OnInit {
services: any = [];
teste: string;
teste_array: any = [];
nr: any;
public message = "";

constructor(private interventionsPage: InterventionPage) {
}
}

SyncPage.HTML

<ion-card>
<app-intervention [eventTest]="message=$event"></app-intervention>
<ion-item-divider>
Acciones Pendientes ({{message}})
</ion-item-divider>
</ion-card>

Answer 1

更改

import { EventEmitter } from 'events';

至

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

和，

<app-intervention (eventTest)="message=$event"></app-intervention>