Generate image as background url about angular

[sherwinski]

Hey @lcottingham and thanks for the question,.
You could generate a URL using https://github.com/imgix/js-core 's _buildURL and _buildSrcSet functions and pipe that into the background-image property of a component. Were you looking to implement this yourself or hoping for a separate component in this library that fits this use case?

[lcottingham]

@sherwinski thanks for getting back to me 👍
Yes, very true - I could. Ideally, I was looking for a separate component in this library to fit the use case. It just could be a simple bool parameter (something like imgIxBackgroundUrl) that is added to help direct the component logic. For now, I have written a generic quick and dirty method to build the URL that I can pipe into, but it's in no way perfect.

Incorporating the js-core API methods into this package would be helpful. Yes, I could install both but i'd still have to declare two different ImgIx clients to do a very similar job. This isn't really ideal for me.

Could we look at expanding the capability slightly to recognise even just a <div> tag?

Currently we have:
<img ixImg path="examples/pione.jpg" sizes="100vw" />

What about if we have? (just like we have disableVariableQuality)
<div ixImg path="examples/pione.jpg" sizes="100vw" imgIxBackgroundUrl>...</div>

The output of this would be:
<div style="background-image:url('https://imgixsrc.net/path?qryParams...')">...</div>

[sherwinski]

@lcottingham Totally agree that having dedicated component/logic for handling this would be most ideal. And I think that something like your suggested approach could work for those purposes.
I've made a note of this in our backlog but unfortunately can't commit to a timeline as our team is pretty heads-down working on other projects at the moment. For now I'll keep this issue open and post any updates here as they happen.

[lcottingham]

Perfect - I can work with my workaround for now 👍