Как динамически изменить свойство CSS в AngularJS

Прямо сейчас у меня есть URL фонового изображения, жестко запрограммированный в CSS. Я хотел бы динамически выбирать фоновое изображение, используя логику в AngularJS. Вот что у меня сейчас есть:

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;
}

Как вы можете видеть, фоновое изображение в CSS ссылается на определенное местоположение файла. Я хочу, чтобы иметь возможность программно определять местоположение URL изображения. Я действительно не знаю, с чего начать. Я не знаю JQuery. Спасибо.

Ответы на вопрос(4)

Ваш ответ на вопрос