无法访问控制器中的 $scope 变量 [重复]

Question

在我的控制器中，我调用了一个返回 JSON 对象的工厂：

function getData() {
    trainDataFactory.getData()
        .success(function (data) {
            $scope.dataList = data;
        })
        .error(function (error) {
            $scope.status = 'Unable to load data: ' + error.message;
        });
}

然后我就可以像这样访问视图中的 $scope.dataList（有效）：

{{ dataList[0].UnitNumber }}

但我想在控制器中访问同一个变量，但它不起作用 - 角度会中断。

我在控制器的开头尝试这个：

init();
function init() {
    getData();

    console.log($scope.dataList[0].UnitNumber);

    $scope.firstDataListItem = $scope.dataList[0].UnitNumber;
}

getData() 被调用所以我不明白为什么 $scope.dataList 不可用？？

Answer 1

getData() 中的数据检索将异步执行。当getData() 执行完毕后，它就不会可用了。

你需要使用 Promise：

function getData() {
    return trainDataFactory.getData()
    .then(function (response) {
        return response.data;
    })
    .catch(function (error) {
        throw new Error('Unable to load data: ' + error.message);
    });
}

function init() {    
    getData().then(function (data) {
        $scope.dataList = data;
        console.log(data[0].UnitNumber);
        $scope.firstDataListItem = data[0].UnitNumber;
    })
    .catch(function (error) {
        $scope.status = error.message;
    });
}