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

AngularStrap模态为空

1 个答案: