Javascript 如何使用AngularJS更改背景url

Javascript 如何使用AngularJS更改背景url,javascript,angularjs,Javascript,Angularjs,我在html文件中有div,class=“img”,在javascript文件中有: var features = [ { title:'book a room' images: ['image1', 'image2', 'image3' ] }, { title: 'book a class' images: ['image4', 'image5'] }]; 我希望图像每一秒都有这样的变化 var in

我在html文件中有div,class=“img”,在javascript文件中有:

var features = [ 
    {
       title:'book a room'
       images: ['image1', 'image2', 'image3' ]
    },
    {
       title: 'book a class'
       images: ['image4', 'image5']
    }];
我希望图像每一秒都有这样的变化

var int = 0;
$interval(function() {
  document.querySelector(".img").style.background = "url({{features[0] .images[int++]}})";
}, 1000);;
我不确定这部分
“url({{features[0].images[int++]}})”是否正确

谢谢你的时间

应该是

 ng-style="{'background-image':'url('+slide+')'}"  >
演示

angular.module('myApp',[])
.controller('mainController',函数($scope,$interval){
变量特征=[
{
标题:“预订房间”,
图片:['http://31.media.tumblr.com/bc0ea7c5f95701bff499f78b59d23e68/tumblr_mr74z9Lt3O1rs0z5go1_500.jpg', 'http://38.media.tumblr.com/875b5eeb5b1efa37d2e9d36fbad836d3/tumblr_mzczesVrZD1rimr6yo1_1280.jpg' ]
}];
$scope.slide=功能[0]。图像[0];
$interval(函数(){
如果($scope.slide==功能[0]。图像[0])
$scope.slide=功能[0]。图像[1];
其他的
$scope.slide=功能[0]。图像[0];
}, 1000, 0);
})

你好,普朗克!

谢谢您的回答,但这不起作用。它总是显示第一个图像!希望你已经发现了,如果这有帮助的话,标记为答案