Question

我在使用角带式模态时遇到了问题。我正在尝试使用$ http获取数据并将其结果显示在模态中。奇怪的是我必须打开模态两次才能显示/显示数据。我有以下代码：

.controller('ModalCtrl', ['$scope', '$modal', 'Api', function(scope, modal, Api) {
  scope.open = function (gameId) {

    Api.getGameByGameId(gameId).then(function(result) {
            console.log(result);
            scope.items = result.data;
        }, function(result) {
            console.log(result);
        });

    var modalInstance = modal.open({
      templateUrl: 'myModalContent.html',
      controller: 'ModalInstanceCtrl',
      resolve: {
        items: function () {        
          return scope.items;
        }
      }
    });

    modalInstance.result.then(function (selectedItem) {
        console.log(selectedItem);
      scope.selected = selectedItem;
    }, function () {
        console.log('Modal dismissed');
    });
  };
}])
.controller('ModalInstanceCtrl', ['$scope', '$modalInstance', 'items', function(scope, modalInstance, items) {
    console.log(items);
    scope.items = items;
}])

使用firebug控制台，我认为它在我的$ http调用中首先触发console.log（items）之前的console_log（items）。因此，当我再次打开模态时，它会显示数据。我如何同步我的$ http，以便它首先被调用？

Answer 1

好的，终于明白了。解决了我自己的问题。

这是我的解决方案：

var getGameDetail = {
        async: function() {
            var promise = Api.getGameByGameId(gameId).then(function(result) {
                    console.log(result);
                    return result.data;
                }, function(result) {
                    console.log(result);
                }); 
                return promise;
        }
    };

必须打开两次才能使用angular-strap模态显示数据

1 个答案: