Как привязать данные в условном ng-стиле в угловых

Question

<div ng-click="uploadwall($event)" 
     ng-style="{{ wall.pic && {'background-image':'data:image/jpeg;base64,wall.pic'} || {'background-image': 'url(img/wall-bg.jpg)'} }}"> 

</div> 

wall.pic - это контроллер $ scope.wall. Проблема заключается в том, что wall.pic не передает данные.

Answer 1

Оно должно быть:

ng-style="wall.pic && {'background-image':'url(data:image/jpeg;base64,' + wall.pic + ')'} || {'background-image': 'url(img/wall-bg.jpg)'}" 

Без {{ }} и вам не хватает url() Часть

И кстати, я не знаю, что wall.pic есть, но если это URL/путь он должен быть :

ng-style="wall.pic && {'background-image': 'url(' + wall.pic + ')'} || {'background-image': 'url(img/wall-bg.jpg)'}" 

JSFiddle

Answer 2

Попробуйте как этот

ng-style="{'background-image' : wall.pic ? 'data:image/jpeg;base64,wall.pic' : 'url(img/wall-bg.jpg)' }"