angularjs - AngularStrap 模态为空

Question

普朗克

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

上面是一个笨蛋。我在 chrome 中调试它，并注意到有一个 display:none css 属性，当删除模式时，它是可见的。我可以手动更新它，但是当调用 modal.show() 时，angular-strap 不应该自动执行此操作吗？

Answer 1

我在这里更新了你的 plunker：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');
  };
};