0

私はAngular 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);
};

タイマーは毎分機能し、テスト関数が呼び出されますが、画像は常に同じです。

URLが同じでも画像を変更する解決策が欲しいです。

--

私は JavaScript の初心者で、英語で申し訳ありません。ありがとうございました

4

2 に答える 2

2

URL を次のように変更してみてください。

var currentTime = new Date().getTime();
$scope.urlImage = serverURL + '/Images/background.png?' + currentTime;
于 2016-05-24T07:59:59.923 に答える
0

テスト関数で次の変更を試してください。

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

これがうまくいくことを願っています.. :)

于 2016-05-24T07:57:15.547 に答える