не удается получить доступ к переменным $ области видимости контроллера

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() выполнен.

Вы должны использовать обещания:

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; 
    }); 
}