Como alterar uma propriedade CSS dinamicamente no AngularJS

No momento, tenho um URL de imagem de plano de fundo codificado em CSS. Eu gostaria de escolher dinamicamente uma imagem de plano de fundo usando a lógica no AngularJS. Aqui está o que eu tenho atualmente:

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 você pode ver, a imagem de plano de fundo no CSS faz referência a um local de arquivo específico. Quero poder determinar programaticamente a localização do URL da imagem. Eu realmente não sei por onde começar. Eu não conheço JQuery. Obrigado.

questionAnswers(4)

yourAnswerToTheQuestion