Angular 6 自定义元素输出 EventEmitter

Question

我有一个带有输出事件发射器的元素，但我不知道如何捕获该事件。我收到此错误：

“类型'() => void'不可分配给类型'EventEmitter'。”

这是输出

  @Output() closeMarkers = new EventEmitter<string>();

这就是我将元素添加到组件的方式：

              createPopupComponentWithMessage(latitude, longitude, city) {
                    const popupEl: NgElement & WithProperties<MarkerNewComponent> = document.createElement('new-marker') as any;
                      //Set MarkerNewComponent input vars
                      popupEl.city=city;
                      popupEl.latitude=latitude;
                      popupEl.longitude=longitude;
                      popupEl.closeMarkers = this.testOutput ;
                      popupEl.addEventListener('closed', () =>  document.body.removeChild(popupEl));

                      // Add to the DOM
                      document.body.appendChild(popupEl);
                    return popupEl;
                  }

        testOutput (){
               console.log('test output');
             }

Answer 1

在父组件中，你应该有一个子组件的标签

例如

父组件.HTML

<div> myInformation</div>
<myChild></myChild>

要从您的孩子那里捕捉到事件，您必须这样做

<div> myInformation</div>
<myChild (closeMarkers)="myParentFunctionToHandleIt($event)" ></myChild>

这里是文档：https://angular.io/api/core/EventEmitter

EDIT : 在父组件中，可以指定事件的类型

PARENT.COMPONENT.TS

myParentFunctionToHandleIt(value: MyCustomType) {
//your way to handle your event
}