Question

我正在开发一个角度JS应用程序。我的身体背景必须根据我服务器托管的图像每分钟更改一次。

在我的HTML中，我使用ng-style来设置背景图像：

<body ng-controller="mainCTRL" ng-style="{backgroundImage: 'url(' + imageURL + ')'}">

在我的mainCTRL中，imageURL设置如下：

$scope.urlImage = serverURL + '/Images/background.png';

效果很好，但现在我需要刷新图像。托管图像每分钟都会更改，但它始终托管在同一个URL上。要做到这一点，我在我的JS代码上有这个：

startRefresh();

function startRefresh() {
    $interval(test, );
}

test = function () {
    $scope.urlImage = '';
    $timeout(function () { 
        $scope.urlImage = serverURL + '/Images/background.png'; 
    }, 1000);
};

计时器工作，每分钟调用测试功能，但图像始终相同。

即使网址相同，我也希望有一个更改图片的解决方案。

-

我是初学者，对不起我的英语。谢谢

Answer 1

尝试将网址更改为：

32h'A65D

Answer 2

在测试功能中尝试此更改：

test = function () {
    $scope.urlImage = '';
    $timeout(function () { 
        $scope.urlImage = ''; // add this line
        $scope.urlImage = serverURL + '/Images/background.png'; 
    }, 1000);
};

希望这对你有用.. :)）

定期更新具有相同URL的背景图像

2 个答案: