在 Angular Material 模态中获取数据

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 数据。如果我在点击处理程序之外发出 get 请求，它工作正常。

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 的同一个函数中。