从指令向父元素发出事件 [英] Emit event from Directive to parent element

问题描述

我在 Angular 2 应用程序的 HTML 模板中有一个元素.我给它添加了一个指令:

HELLO
;

我希望每当我将鼠标悬停在 div 上时，div 内的文本应该被更改，但它需要从 Directive 完成(鼠标悬停) 事件.

如何从 Directive 发出事件并将其捕获到父元素中?

解决方案

如果 myCustomDirective 有一个输出 @Output() someEvent:EventEmitter = new EventEmitter(); 那么你可以使用

<div myCustomDirective (someEvent)="callSomethingOnParent($event)">HELLO</div>

I have an element in HTML template of an Angular 2 app. I add a directive to it:

<div myCustomDirective>HELLO</div>

I want that whenever I hover over the div the text inside the div should be changed, but it needs to be done from Directive (mouseover) event.

How to emit an event from a Directive and capture it inside a parent element?

解决方案

If myCustomDirective has an output @Output() someEvent:EventEmitter = new EventEmitter(); then you can use

<div myCustomDirective (someEvent)="callSomethingOnParent($event)">HELLO</div>

这篇关于从指令向父元素发出事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！