AngularStrap模态框为空。

Question

Plunker

我有一个ng-grid，用于显示属性列表。每一行都有一个删除按钮。当我点击删除时，我想要一个模态框询问是否确定删除。目前你可以看到模态框试图显示出来，因为灰色透明的div淡入页面，但是模态框的内容没有显示在任何地方。

上面是一个Plunker链接。我在谷歌浏览器中调试时发现，当display:none的css属性被移除时，模态框就可见了。我可以手动更新它，但当modal.show()被调用时，angular-strap不应该自动完成这个操作吗？

- Wjdavis5

---

我回到了在我的Angular控制器中使用jQuery...必须让它工作，我知道这不是理想的解决方案。 - Wjdavis5

Answer 1

我会尽力帮助您翻译。以下是需要翻译的内容：

我在这里更新了您的 Plunker：Plunker

我有点不确定您是如何加载 Bootstrap UI 的。

以下是您需要进行的全部操作：

var app = angular.module('myApp', ['ngGrid', 'ui.bootstrap']);

你在这里使用了模板而不是模板URL：

    $scope.opts = {
        templateUrl: 'modal.html',
        controller: ModalInstanceCtrl,
        backdrop: true,
    };

然后我需要添加一个控制器，以便模态框按钮能够正确地运行。

var ModalInstanceCtrl = function ($scope, $modalInstance) {
  $scope.ok = function () {
    $modalInstance.close();
  };

  $scope.cancel = function () {
    $modalInstance.dismiss('cancel');
  };
};

- Rob