Bootstrap模态不会在jsfiddle中打开

Question

我有一个hello world - angular（v1.4.9）和ui bootstrap（bootstrap-tpls versioned 1.2.5）模态框代码，用jsfiddle编写。

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

  

解析'sandbox'属性时出错：'allow-modals'是无效的沙盒标志。

在firefox上，模态都没有打开，也没有任何错误信息。

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

  

未知提供商：$ modalProvider`。

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

Answer 1

你的小提琴无法工作有几个原因......没有ng-app，代码被包含在javascript设置菜单中的默认onload中。

修复后，您需要根据文档使用更多当前$uibModal服务：

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

  $scope.open = function (size) {

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

})

的 DEMO