引导模式未在 jsfiddle 中打开答案

【问题标题】：Bootstrap modal doesn't open in jsfiddle引导模式未在 jsfiddle 中打开
【发布时间】：2016-03-21 01:05:32
【问题描述】：

我有一个 hello world - angular(v1.4.9) 和 ui bootstrap(bootstrap-tpls versioned 1.2.5) 模态框代码写在这个jsfiddle。

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

解析“沙盒”属性时出错：“允许模式”是无效的沙盒标志。

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

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

未知提供者：$modalProvider`。

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

【问题讨论】：

除了违反问题代码要求之外，您究竟希望我们解决什么问题？
你的代码很混乱

标签： javascript angularjs twitter-bootstrap angular-ui-bootstrap

【解决方案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

【讨论】：