Получить данные в Угловом материале мода

Question

Я получаю данные через get запрос. Теперь, щелкнув по кнопке, я хочу открыть мода angular material и показать эти данные. Вот мой код:

$scope.openModal = function(event) { 
    $http.get('/my/api', null).then(
     function(data) { $scope.arr=data; }, 
     function(err) { console.log(err); } 
    ); 

    $mdDialog.show({ 
     templateUrl: '/app/modal.html', 
     parent: angular.element(document.body), 
     targetEvent: event, 
     clickOutsideToClose: true, 
    });  
} 

В шаблоне, у меня есть таблица, и я хочу, чтобы отобразить данные arr. Он работает нормально, если я делаю запрос на получение вне обработчика кликов.

Answer 1

Если единственная проблема в том, что ваша arr переменная не имеет ожидаемого результата, то, скорее всего, потому что параметр на функцию успеха .then() является объектом, который содержит данные в .data собственности. Таким образом, вы должны использовать:

$http.get('/my/api', null).then(
    function(response) { $scope.arr = response.data; }, 
    function(err) { console.log(err); } 
); 

Если необходимо задержать загрузку модального до вызова вашего API не будет решен, то вы можете просто поместить этот код в ту же функцию, в которой вы устанавливаете $scope.arr.