如何使用Angularjs的ng样式每3秒更改一次背景？
如何使用Angularjs的ng样式每3秒更改一次背景？
提问于 2015-03-02 08:28:59
在这里仍在学习angular，在经过大量研究后可能需要一些帮助。
我有一个非常简单的例子，我只是简单地将ng样式的指令应用于主体来更改背景。
<body ng-app="myapp" ng-controller="mainController as main" ng-style="***need help here***">
控制器
angular.module('mainCtrl', [])
.controller('mainController', function() {
// set the view model as this scope
var vm = this
vm.slides = [
{ images: 'assets/imgs/blurred-highway.jpg' },
{ images: 'assets/imgs/night-square.jpg' }
]
}) 我没有太多的运气与ui.bootstrap旋转木马，因此我希望实现一个更简单的东西；只是希望全屏背景改变每3秒无限循环幻灯片集合(将最终有6-7张照片)，不需要额外的控制。
非常感谢您的帮助。
谢谢
回答 1
Stack Overflow用户
发布于 2015-03-02 08:44:00
您只需使用$interval即可。
请注意，出于示例的目的，我将您的图像替换为蓝色和红色。
下面是HTML代码：
<body ng-app="myApp" ng-controller="mainController as main" ng-style="{'background-color': main.slide}">
//content
</body>以下是Javascript代码：
angular.module('myApp', [])
.controller('mainController', function($interval) {
// set the view model as this scope
var vm = this
var slides = [
'blue' ,
'red'
];
vm.slide = slides[0];
$interval(function(){
if(vm.slide == slides[0])
vm.slide = slides[1];
else
vm.slide = slides[0];
}, 3000, 0);
}); 下面是相应的Plunkr。
因此，你只需要用你的图片和background-image替换颜色和background-color
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/28801028
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号