Bootstrap modal 不会在 jsfiddle 中打开

Bootstrap modal doesn't open in jsfiddle

本文关键字：jsfiddle modal Bootstrap      更新时间：2023-09-26

我有一个你好世界 - angular（v1.4.9 ） 与 ui bootstrap（bootstrap-tpls 版本化 1.2.5） 模态框代码写在这个 jsfiddle 中。

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

解析"沙盒"

属性时出错："允许模式"是无效的沙盒标志。

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

我在本地机器上运行了相同的代码，它抛出错误：

未知提供商：$modalProvider'。

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

由于多种原因，您的小提琴不起作用...没有ng-app，代码包装在 JavaScript 设置菜单中的默认onload中。

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

skAngApp.controller('ModalDemoCtrl', function ($scope, $uibModal, $log) {
  $scope.open = function (size) {
    var modalInstance = $uibModal.open({
      templateUrl: 'myModalContent.html'
    });
})

演示

相关文章：