У меня есть приложение Angular.js с динамически фоновыми изображениями (должно быть привязка данных для их URL). Я также хочу использовать медиа-запросы CSS для определения ориентации / плотности пикселей и т. Д.

Единственное решение, которое я нашел, - это использование JavaScript для добавления URL к фоновому изображению, что-то вроде этого:

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

Таким образом, я должен передать всю логику медиа-запросов в JavaScript, что-то вродеэтот, (Мое намерение состоит в том, чтобы иметь возможность использовать различное фоновое изображение для каждого разрешения экрана / плотности пикселей / ориентации)

Я ищу более чистое решение для использования медиа-запросов CSS и возможности привязки данных к источникам изображений.

TNX!

Янов