angularjs - AngularStrap 模态为空

Question

Plunker

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

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

Answer 1

我在这里更新了你的插件:Plunker

我部分了解了您加载 Bootstrap UI 的方式。

这就是加载所需要做的一切:

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

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

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

然后我必须添加一个 Controller ，以便模态按钮能够正常工作。

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

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