angularjs - AngularStrap模态为空

Plunker

我有一个ng-grid，显示属性列表。每行都有一个删除按钮。当我单击删除时，我想一个模态说你确定。当前，随着灰色透明div淡入页面，您可以看到模态尝试显示，但是模态的内容不会显示在任何地方。

上面是一个矮人。我在chrome中进行调试，发现其中有一个display：none css属性，该属性在删除后即可见。我可以手动更新它，但是在调用modal.show（）时，角表带是否应该自动地做到这一点？

最佳答案

我在这里更新了您的监听器：Plunker

我在某种程度上是如何加载Bootstrap UI的。

这就是您需要加载的所有内容：

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

您在这里使用模板而不是templateUrl：

    $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');
  };
};