Javascript 角度ui错误：$modal.open不是函数

我正在尝试使用Angular UI v0.10.0（）和Angular 1.1.5显示一个模式，我收到以下错误：

错误：$modal.open不是函数

我不确定为什么会出现这个错误。这是我所拥有的

HTML:

---

我只是想先把基本的东西记下来…比如把它打开。我已经用尽了我的资源，所以任何帮助都将不胜感激！谢谢

你的ng应用程序在哪里？你必须有一个被引用的应用程序，该应用程序又包含ui.bootstrap

请参阅下面的plunkr

如果你有，只是没有显示它，另一件事是尝试使用angular的最新版本。1.1.5非常旧。

此错误是由于包含$modal unsuccess而导致的。 确保：

在angular.js和yourapp.js之间添加源链接

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.12/angular.js"></script>
<script src="assets/js/ui-bootstrap-tpls-0.10.0.min.js"></script>
<script src="assets/js/yourapp.js"></script>

向控制器添加$modal独立性

app.controller('ModalDemoCtrl', ['$scope', '$modal', function ($scope, $modal) {}]);

我解决了这个问题

显然，我在angular ui下面有一个angular strap，它覆盖了angular ui。两个脚本显然相互冲突

我正在开发的应用程序很复杂，所以很容易忽略。然而，我的建议是，坚持使用一个库并保持简单

---

谢谢大家

出现此问题的原因是角度模态和angularjs的版本不同。我在angular modalv.0.5中遇到了同样的问题，并得到了一个解决方案，即

使用：

而不是：

$modal.open({......});

例如：-

 var termAndConModal = $modal({
    title: 'Info',
    controllerAs: 'termAndConModalController',
    template: '../views/partials/term_n_cond_modal.html',//;myModalContent.html',
    show: false
});
$scope.showtermAndConModal = function() {
    termAndConModal.$promise.then(termAndConModal.show);
};
$scope.showtermAndConModal();

---

如果他没有#1完成，$modal.open将永远不会被调用，因此抛出的特定错误将永远不会发生。他的例子表明他做到了。3.谢谢你的反馈。我相信我已经按照你的建议做了。我遇到了一个非常有趣的问题。我在plunker中重建了一切：一切都正常。但当我把所有东西都放到真正的应用程序中时，我仍然收到了“错误：$modal.open不是函数”错误。对于原始海报，仅供参考，创建一个你自己的SUPKR会让我们非常简单地向你展示你需要做的不同的事情。请考虑在答案中包含更多的代码。你能用Simple举例提供Pulink吗？未定义错误“$modal”。我已经在ui.bootstrap之前包含了jquery。请确保您应该包含

angular model

文件。您还可以通过在依赖项列表中添加所需的子模块，例如var app=angular.module（'yourApp'），来禁用一些angular strap项，并仅允许您需要的项，['ui.router'，'ui.bootstrap'，'mgcrea.ngStrap.popover'，'mgcrea.ngStrap.affix'，'pascalprecht.translate'，'ngAnimate'，'xeditable'，'restanglar'。。。。

app.controller('ModalDemoCtrl', ['$scope', '$modal', function ($scope, $modal) {}]);

$modal({......});

$modal.open({......});

 var termAndConModal = $modal({
    title: 'Info',
    controllerAs: 'termAndConModalController',
    template: '../views/partials/term_n_cond_modal.html',//;myModalContent.html',
    show: false
});
$scope.showtermAndConModal = function() {
    termAndConModal.$promise.then(termAndConModal.show);
};
$scope.showtermAndConModal();