javascript - Bootstrap 模式无法在 jsfiddle 中打开

Question

我有一个 hello world - Angular(v1.4.9 )，带有 ui bootstrap(bootstrap-tpls versioned 1.2.5) 模态框代码，用此 jsfiddle 编写.

在 Chrome 上，当我单击 Open Me 按钮时，它会抛出错误:

Error while parsing the 'sandbox' attribute: 'allow-modals' is an invalid sandbox flag.

在 Firefox 上，模式既不打开，也没有任何错误消息。

我在本地计算机上运行相同的代码，它抛出错误:

Unknown provider: $modalProvider`.

如何修复打开模态框的代码？

Answer 1

由于多种原因，您的 fiddle 无法工作......没有 ng-app 并且代码包含在 javascript 设置菜单中的默认 onload 中。

修复后，您需要根据文档使用更新的 $uibModal 服务:

skAngApp.controller('ModalDemoCtrl', function ($scope, $uibModal, $log) {

  $scope.open = function (size) {

    var modalInstance = $uibModal.open({
      templateUrl: 'myModalContent.html'
    });

})

DEMO