我想动态地使用角度 js 更改 body 元素上的背景图像。我正在尝试这样做,如下所述:
<body ng-style="{'background-image':'url({{vm.img}})'}">
从控制器设置 vm.img 的位置,但我无法相应地更改图像。
这是一种 hacky 解决方案。我在 ui-router 中使用了 resolve,它在加载控制器之前解析了数据,将 img 添加到 rootScope 并修改了下面的代码,瞧!
<body ng-style="{'background-image':'url(' + img +')'}">
您可以在 body 元素中添加样式
<body style = "background-image:'url({{backgroundImage}})';background-size: cover;"></body>