Imagens de plano de fundo de ligação de dados Angular.js usando consultas de mídia

Eu tenho um aplicativo Angular.js com imagens de plano de fundo dinamicamente (deve ter ligação de dados para sua URL). Também quero usar consultas de mídia css para detectar a orientação / densidade de pixels etc.

A única solução que encontrei é usar javascript para adicionar URL à imagem de plano de fundo, algo como isto:

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

Dessa forma, eu tenho que passar toda a lógica de consultas de mídia para javascript, algo comoesta. (Minha intenção é poder exibir uma imagem de plano de fundo diferente para cada resolução de tela / densidade de pixels / orientação)

Estou procurando uma solução mais limpa para usar consultas de mídia css e ainda ser capaz de vincular dados às minhas fontes de imagem.

tnx!

Yaniv