Передача переменной пути к фоновому изображению

Question

let clientTypeId = this.localStorageService.get("ClientApplication");   
 if(clientTypeId !=null) {
     this.SummaryMapFullImage = Constants.SUMMARYMAPFULLIMAGEPATH + clientTypeId + '/' + Constants.SUMMARYMAPFULLIMAGE;    
}    
$('.summary-img').css('background-image', 'url(+this.SummaryMapFullImage+)');

this.SummaryMapFullImage имеет путь к изображению, мне нужно передать его в фоновый URL.

Answer 1

Вы включаете «this.SummaryMapFullImage» как часть вашей строки, а не оцениваете ее как переменную. Также вам не хватает двойных кавычек вокруг вашего URL. Изменение вашего css() вызова на это решит следующее:

$('summary-img').css('background-image', 'url("' + this.SummaryMapFullImage + '")');

Или вы можете использовать одинарные кавычки вокруг URL, но тогда вам придется их избегать:

$('summary-img').css('background-image', 'url(\'' + this.SummaryMapFullImage + '\')');

В любом случае, теперь, если this.SummaryMapFullImage равно "https://somedomain.com/img.ext", тогда вы будете устанавливать background-image в нечто вроде url('https://somedomain.com/img.ext'), что, кажется, то, что вы хотите.