Angular2：我可以用箭头函数而不是方法处理@Output返回值吗

我有一个Angular2应用程序，它有一个父组件（AppComponent）和几个子组件。其中一个（DnDContainer）具有如下@Output变量：

@Output() onDataUpdate: EventEmitter<any> = new EventEmitter();

<dnd-container (onDataUpdate)="($event) => {targetItemsA = $event}"></dnd-container>
<dnd-container (onDataUpdate)="($event) => {targetItemsB = $event}"></dnd-container>

<dnd-container [onDataUpdate)="update('A', $event)"></dnd-container>
<dnd-container [onDataUpdate)="update('B', $event)"></dnd-container>

然后，在AppComponent中，有几个DnDContainer组件（它们的选择器是“DnDContainer”）。我想听听他们的“onDataUpdate”输出，并将其分配给不同的数组（targetItemsA、targetItemsB等）。我尝试使用一种简单的语法，如下所示：

@Output() onDataUpdate: EventEmitter<any> = new EventEmitter();

<dnd-container (onDataUpdate)="($event) => {targetItemsA = $event}"></dnd-container>
<dnd-container (onDataUpdate)="($event) => {targetItemsB = $event}"></dnd-container>

<dnd-container [onDataUpdate)="update('A', $event)"></dnd-container>
<dnd-container [onDataUpdate)="update('B', $event)"></dnd-container>

有没有更简单的方法来实现这一点（比如我在开头指出的带有箭头功能的方法）？对不起，如果它太基本了，我对Angular2很陌生

提前感谢,

---

PS：在tsconfig.spec.json文件中，我已将'target'属性更改为'es6'，但仍然不起作用。

进行以下更改：

@Output() onDataUpdate: EventEmitter<string[]> = new EventEmitter<string[]>();

---

进行以下更改：

@Output() onDataUpdate: EventEmitter<string[]> = new EventEmitter<string[]>();

乐于帮助：），如果这解决了您的问题，请将其标记为答案，以便其他人在遇到您的问题时可以看到您的问题乐于帮助：），如果这解决了您的问题，请将其标记为答案，以便其他人在遇到您的问题时可以看到您的问题