Imágenes de fondo de enlace de datos Angular.js usando consultas de medios

Tengo una aplicación Angular.js con imágenes de fondo dinámicamente (debería tener enlace de datos para su URL). También quiero usar consultas de medios css para detectar orientación / densidad de píxeles, etc.

La única solución que encontré es usar javascript para agregar una URL a la imagen de fondo, algo como esto:

myDiv.css({'background' : 'url('+ scope.objectData.poster +') no-repeat', 'background-size':'auto 100%'});

De esta manera tengo que pasar la lógica de todas las consultas de medios a javascript, algo así comoesta. (Mi intención es poder servir una imagen de fondo diferente para cada resolución de pantalla / densidad de píxeles / orientación)

Estoy buscando una solución más limpia para usar las consultas de medios css y aún así poder enlazar datos a mis fuentes de imagen.

Tnx!

Yaniv