Angular.js Datenbindungs-Hintergrundbilder mithilfe von Medienabfragen

Ich habe eine Angular.js-Anwendung mit dynamischen Hintergrundbildern (sollte Datenbindung für ihre URL haben). Ich möchte auch CSS-Medienabfragen verwenden, um Orientierung / Pixeldichte usw. zu erkennen.

Die einzige Lösung, die ich gefunden habe, ist die Verwendung von Javascript, um dem Hintergrundbild eine URL hinzuzufügen.

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

Auf diese Weise muss ich die gesamte Medienabfragelogik an Javascript übergeben, so etwas wiediese. (Mein Ziel ist es, für jede Bildschirmauflösung / Pixeldichte / Ausrichtung ein anderes Hintergrundbild bereitzustellen.)

Ich suche nach einer saubereren Lösung für die Verwendung von CSS-Medienabfragen und bin dennoch in der Lage, meine Bildquellen mit Daten zu binden.

tnx!

Yaniv

Antworten auf die Frage(1)

Ihre Antwort auf die Frage