离子改变背景图像不工作在设备上

Question

我有一个改变背景的div，一切都在web上工作（离子服务）没有错误，但图像没有出现在任何设备上。变量号是来自firebase的一些数据，没有问题。我不确定问题是什么，并感谢任何帮助！谢谢

html= <div class="change" id="change" style="background: url(img/original.png) center; background-size: cover;"></div>

JS

    firebaseRef.on('value', function(dataSnapshot){
    var number = dataSnapshot.val().length;
        $scope.length = number;
        $scope.$apply();

   firebaseRef.once('value',
            function (dataSnapshot) { 
   $timeout(function() {

            if (number <= 3){document.getElementById("change").setAttribute("style", "background: url(../img/image1.png) center; background-size: cover;");}
            else if (number <= 6){document.getElementById("change").setAttribute("style", "background: url(../img/image2.png) center; background-size: cover;");}
                }, function (err) {
                    console.error("problem getting data");
                });
            });