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

Question

我在使用 angular-strap 模态时遇到问题。我正在尝试使用 $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(result)。因此，当我再次打开模式时，它会显示数据。我如何同步我的 $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;
        }
    };