Cómo cambiar una propiedad CSS dinámicamente en AngularJS
En este momento tengo una URL de imagen de fondo codificada en CSS. Me gustaría elegir dinámicamente una imagen de fondo usando la lógica en AngularJS. Esto es lo que tengo actualmente:
HTML
<div class="offer-detail-image-div"><div>
CSS
.offer-detail-image-div {
position: relative;
display: block;
overflow: hidden;
max-width: 800px;
min-height: 450px;
min-width: 700px;
margin-right: auto;
margin-left: auto;
padding-right: 25px;
padding-left: 25px;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
border-radius: 5px;
background-image: url('/assets/images/118k2d049mjbql83.jpg');
background-position: 0px 0px;
background-size: cover;
background-repeat: no-repeat;
}
Como puede ver, la imagen de fondo en el CSS hace referencia a una ubicación de archivo específica. Quiero poder determinar mediante programación la ubicación de la URL de la imagen. Realmente no sé por dónde empezar. No conozco a JQuery. Gracias.