本文介绍了从指令向父元素发出事件的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我在 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>
这篇关于从指令向父元素发出事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！