javascript - 带有变量的 Angular.js 数据源

Question

当我运行以下代码时，“users”正确输出到控制台，但在数据源中使用时似乎未定义 $scope.users 。在数据源中，如果我用数字替换 $scope.users ，那么它就可以工作。我做错了什么？

        $http({
            method: 'POST',
            url: '/users'
        })
        .then(function (response) {
            $scope.users = response.data.users;                                
            console.log($scope.users);
        },
        function (response) {
            console.log("Error: "+ response.data.result);
        })

        $scope.activeUsers = new kendo.data.DataSource({
            data: [
                {
                    "status": "user alive",
                    "numUsers": $scope.users,
                    "statusColor": "#dc3c3f"                        
                }
            ]
        });

Answer 1

这可能是因为您的 $scope.activeUsers 是在您的 $http 请求完成之前定义的。尝试以下方法

    $http({
        method: 'POST',
        url: '/users'
    })
    .then(function (response) {
        $scope.users = response.data.users;                                
        console.log($scope.users);
        $scope.activeUsers = new kendo.data.DataSource({
          data: [
            {
                "status": "user alive",
                "numUsers": $scope.users,
                "statusColor": "#dc3c3f"                        
            }
          ]
        });
    },
    function (response) {
        console.log("Error: "+ response.data.result);
    })