I have an element in HTML template. 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.
I don't know how to emit event from a Directive
and capture inside a parent element.
Any help is appreciated. This is angular2 project.
If
myCustomDirective
has an output@Output() someEvent:EventEmitter = new EventEmitter();
then you can useI'd like to add to @GünterZöchbauer's answer that if you're trying to emit an event from a structural directive and using an asterisk (
*
) syntax when applying the directive, it won't work. Angular 5.2.6 still doesn't support@Output
binding for structural directives if used with the*
syntax (see GitHub issue).You have to transform it to de-sugarized form (see here), i.e.:
instead of: