Bootstrap 模态框无法在 jsfiddle 中打开

Question

我有一个 hello world - angular(v1.4.9 ) with 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