Handling events in angular about vue-custom-element

[karol-f]

Hi @patzick, thanks for the issue.

it has to be called in timeout in angular component so for some small amount of time, when
element is visible, there is no handler for event

Hmm, can You prepare JSFiddle/Plunkr/Codepen for this scenario? Maybe Angular somehow delays rendering? Llike when working with Vue, usually you have to do setTimeout(..., 0) when you want to deal with DOM.

when the element is hidden, caused by the ng-if action, and showed up then obviously
eventListener stops working too.

It's because ng-if creates/removes DOM nodes. Try to use ng-show - it should help as there will always be the same DOM node

To ease working with events maybe create Angular directive which will automatically apply addEventListener (or Angular's jQuery Lite bind() or on()) on element. I've googled some trivial example - http://stackoverflow.com/a/39368223/1616437 or http://jsfiddle.net/Z6RzD/156/ but I don't know if bind() will work with Custom Events that vue-custom-element use. If not change that to addEventListener.

If you will have some other questions feel free to ask them.

Regards!

[karol-f]

If you will have some other questions or request for some more examples feel free to re-open this issue.