javascript - 如何在没有事件数据的情况下从 JavaScript 使用 dispatchEvent 函数到 Angular 12 应用程序

Question

我需要使用 document.element.dispatchEvent(new CustomEvent('myCustomEvent', 'The string that I try to send when fire event from code')) 但此代码触发了 sintaxis 错误，因为 CustomEvent 的第二个参数必须是一个对象，不能是一个简单的字符串，这是第一个问题，我必须只用简单的字符串发送没有数据的事件，并在没有任何其他数据的情况下在角度回调函数中接收它，有什么关系吗？

标签： javascriptnode.jsangular

Answer 1

如果您只想将数据传递给父组件，请使用 Angular 的 @Output。

@Output() public myCustomEvent: EventEmitter<string> = new EventEmitter();

....
this.myCustomEvent.emit('The string that I try to send when fire event from code')

参考：https ://angular.io/guide/inputs-outputs