javascript - 无法使用 Angular JS 在 CountUp 的 data-endVal ="{{ucount}}"中设置值

Question

我正在收集大量客户和 vendor 将其显示在仪表板上使用 countUp.js 作为计数器。

使用的文件

AngularJS v1.3.15countUp.js https://github.com/inorganik/countUp.js v 1.1.1

Minfied Version Of CountUp 1.1.1

Controller 代码

myApp.controller('dashboardCtrl', [
        '$scope',
        'files',
        '$http',
        function ($scope, files,$http) {
            $http.get('../../../Admin/Notification/GetAllNotifications')
                .success(function (data, status, headers, config) {
                    $scope.ucount = parseInt(data['ucount']);
                    $scope.scount = parseInt(data['scount']);
                    //alert($scope.ucount);
                    //alert($scope.scount);
                }).
                error(function (data, status, headers, config) {
                    console.log(status);
                });

        }
])

从 GetAllNotifications 生成的 JsonResult

{"ucount":3,"scount":2}

显示数据的Div

<div class="col-lg-3 col-sm-6">
           <div class="info_box_var_1 box_bg_a">
            <div class="info_box_body">
                <span class="info_box_icon icon_group"></span>
                <span class="countUpMe"  data-endVal="1300">1300</span>
            </div>
            <div class="info_box_footer">
                Total Customers
            </div>
        </div>
</div>

上面的代码非常适合静态数据，但是当我使用传递数据时data-endVal 属性中的 {{ucount}} 在控制台中给出错误:“countUp 错误:startVal 或 endVal 不是数字”

Answer 1

可能出现错误是因为 get 请求是异步的，并且尝试访问时 $scope.ucount 不存在？是否尝试过为 $scope.ucount 设置初始值？例如 0