Feature Request: Ability to Apply Directives

First off, thank you for this package, it is great.

It would be great to have the ability to apply other directives to the component and have them then applied to the <img/> element. For example I am also using this package in my project. In order to apply it to an image element the markup would look something like:

<img-loader [src]="map" useImg [spinner]="false" imageViewer></img-loader>

[tabirkeland]

@ihadeed thank you!

[ihadeed]

I’m able to apply the attributes to the child element, but Angular doesn’t use them as a directive. I think the directive needs to be defined in compile time.

Attaching an attribute dynamically won’t register it as a directive.

The following is possible but I need to test it to make sure it works:

HTML code will look as follows:

<img [imageSrc]="https://path/to/image.png" imageLoader imageViewer />

Then in the TypeScript code, I can host the click event and call stopPropagation if the image is not loaded yet. This should stop any click event handlers from functioning. I’m just not sure if it has any effect on the imageViewer event handler, or if it would run before the imageViewer handler runs.