Javascript ng风格'；s变量未更新到视图

我想添加20像素到我的加载条每次成功的请求完成。来自各种API的交错数据集$对于每个成功的请求，我想在

var progress

中添加20，不幸的是，即使该数字正在增加

$scope。progressWidth

也不会更新视图。它保持静止在

宽度：0px

。当我尝试$scope.apply（）时，它说摘要已经发生了

HTML视图：

<div class="loader" ng-style="progressWidth"></div>

数据：

---

尝试在progress变量上添加一个监视并从中更新progressWidth：

$scope.$watch('progress', function(value) {
    $scope.progressWidth = { 'width': value+ 'px' };
});

另外，确保progress也在作用域中，并始终调用$scope.progress对其进行更新

$http.jsonp('http://filltext.com/?rows=10&delay=1&fname={firstName}&callback=JSON_CALLBACK').
        success(function(data){
            $scope.datas[0] = data;
            console.log($scope.datas);
            $scope.$emit('load::1');
    });

    $http.jsonp('http://filltext.com/?rows=10&delay=2&fname={firstName}&callback=JSON_CALLBACK').
        success(function(data){
            $scope.datas[1] = data;
            console.log($scope.datas);
            $scope.$emit('load::2');
    });

    $http.jsonp('http://filltext.com/?rows=10&delay=4&fname={firstName}&callback=JSON_CALLBACK').
        success(function(data){
            $scope.datas[2] = data;
            console.log($scope.datas);
            $scope.$emit('load::3');
    });

$scope.$watch('progress', function(value) {
    $scope.progressWidth = { 'width': value+ 'px' };
});