如何使用Angularjs'；每3秒更改一次背景的ng样式？_Angularjs_Angularjs Directive_Ng Style

如何使用Angularjs'；每3秒更改一次背景的ng样式？

angularjs

如何使用Angularjs'；每3秒更改一次背景的ng样式？,angularjs,angularjs-directive,ng-style,Angularjs,Angularjs Directive,Ng Style,还在这里学习angular，经过大量研究后可能需要一些帮助我举了一个非常简单的例子，我只是简单地将ng-style指令应用于主体以改变背景 <body ng-app="myapp" ng-controller="mainController as main" ng-style="***need help here***"> 我在ui.bootstrap carousel方面运气不太好，因此我希望实现更简单的东西；只需每3秒改变一次全屏背景，无限循环地浏览幻灯片集（最终将有6-7张

还在这里学习angular，经过大量研究后可能需要一些帮助

我举了一个非常简单的例子，我只是简单地将ng-style指令应用于主体以改变背景

<body ng-app="myapp" ng-controller="mainController as main" ng-style="***need help here***">

我在ui.bootstrap carousel方面运气不太好，因此我希望实现更简单的东西；只需每3秒改变一次全屏背景，无限循环地浏览幻灯片集（最终将有6-7张照片），无需额外控制

非常感谢你的帮助

谢谢

你只要利用它就行了。
请注意，出于示例的考虑，我将您的图像替换为两种颜色：蓝色和红色

以下是HTML代码：

<body ng-app="myApp" ng-controller="mainController as main" ng-style="{'background-color': main.slide}">
   //content
  </body>

这是对应的

因此，您只需用图像和背景图像替换颜色和背景色

<body ng-app="myApp" ng-controller="mainController as main" ng-style="{'background-color': main.slide}">
   //content
  </body>

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);


});