2016-04-27 5 views
0

Я хочу сменить фоновое изображение на элемент тела, используя динамический динамический js. Я пытаюсь сделать это, как указано ниже:Как изменить фоновое изображение на элемент тела динамически с помощью углового js (1.3.20)

<body ng-style="{'background-image':'url({{vm.img}})'}"> 

Где vm.img устанавливается от контроллера, но я не могу изменить изображение соответствующим образом.

ответ

0

вы можете добавить стиль в вашем теле элемента

<body style = "background-image:'url({{backgroundImage}})';background-size: cover;"></body> 
+0

Это тоже не работает. Я не получаю значение от интерполяции, так как с ним нет контроллера. Есть ли другой способ установить фоновое изображение динамически. – etee

0

Это своего рода Hacky решения. Я использовал разрешение в ui-router, который разрешил данные до того, как контроллер загрузился, добавил img в rootScope и изменил код ниже и voila !!

<body ng-style="{'background-image':'url(' + img +')'}">