Javascript 找不到AngularJS uibModal依赖项_Javascript_Angularjs

Javascript 找不到AngularJS uibModal依赖项

javascript angularjs

Javascript 找不到AngularJS uibModal依赖项,javascript,angularjs,Javascript,Angularjs,我在我的app.js中注入uibModal依赖项时遇到问题：角度版本：1.5.7 ui.boostrap版本：1.3.3 引导版本：3.3.6 我不断地发现这个错误： angular.js:13708错误：[$injector:unpr]未知提供程序：$uibModal provider对于modal，您还需要ui引导TPL。对于modal，您还需要ui引导TPL。首先，您有两个控制器执行相同的操作。当您只需要一个控制器时，但在这种情况下，这不是问题，只是一个糟糕的设计尝试重写您的第一个控制

我在我的app.js中注入

uibModal

依赖项时遇到问题：

角度版本：1.5.7

ui.boostrap版本：

1.3.3

引导版本

：3.3.6

我不断地发现这个错误：

angular.js:13708错误：[$injector:unpr]未知提供程序：$uibModal provider对于modal，您还需要ui引导TPL。
对于modal，您还需要ui引导TPL。
首先，您有两个控制器执行相同的操作。当您只需要一个控制器时，但在这种情况下，这不是问题，只是一个糟糕的设计
尝试重写您的第一个控制器，而不是
app.controller（'ModalController'，['$scope'，'$uibModal'，函数（$scope，$uibModal）{

这样做：
app.controller('ModalController', function ($scope, $uibModal) {

不要忘记删除控制器末尾的“]”
希望这有帮助！
首先，您有两个控制器做同样的事情。当您可以简单地拥有一个控制器时，但在这种情况下，这不是问题，只是一个糟糕的设计
尝试重写您的第一个控制器，而不是
app.controller（'ModalController'，['$scope'，'$uibModal'，函数（$scope，$uibModal）{

这样做：
app.controller('ModalController', function ($scope, $uibModal) {

不要忘记删除控制器末尾的“]”
希望这有帮助！
使用以下版本向任何需要帮助的人提供帮助：
角度版本：

1.5.7
角度动画：1.5.7

ui.boostrap-tpls版本：

1.3.3

Bootstrap版本：

3.3.6

在主

index.html

中包含脚本。您只需要

角度动画、角度动画、ui.boot-tpls和引导

：

<html lang="en">
    <head>
        <title>App</title>
<link rel="stylesheet"href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
        <script src="../vendors/js/angular.min.js"></script>
        <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular-animate.js"></script>
        <script src="../vendors/js/ui-bootstrap-tpls-1.3.3.min.js"></script>
        <script src="../resources/js/app.js"></script>
    </head>
    <body>
     ...
    </body>
</html>


应用程序
...

使用以下版本向需要帮助的任何人发送：

角度版本：1.5.7
角度动画：1.5.7

ui.boostrap-tpls版本：

1.3.3

Bootstrap版本：

3.3.6

在主

index.html

中包含脚本。您只需要

角度动画、角度动画、ui.boot-tpls和引导

：

<html lang="en">
    <head>
        <title>App</title>
<link rel="stylesheet"href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
        <script src="../vendors/js/angular.min.js"></script>
        <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular-animate.js"></script>
        <script src="../vendors/js/ui-bootstrap-tpls-1.3.3.min.js"></script>
        <script src="../resources/js/app.js"></script>
    </head>
    <body>
     ...
    </body>
</html>


应用程序
...

太好了！当您将其添加到angular.module时，它应该可以工作。您可以像添加ui.bootstrapOk一样添加它，所以我添加了以下内容：

var-app=angular.module（'app'，['ui.bootstrap'，'ui.bootstrap.tpls'）；

错误仍然没有消失：（ui bootstrap最近在其所有组件中添加了“uib”前缀，因此尝试使用$modal而不是$uibModalit注入modal看起来“$uibModal”中有额外的空间，但它可能与stackoverflow样式有关。太好了！将其添加到angular.Module时应该可以正常工作。您可以像添加ui.bootstrapOk一样添加modal我添加了：

var-app=angular.module（'app'，['ui.bootstrap'，'ui.bootstrap.tpls'）；

错误仍然没有消失：（ui bootstrap最近在其所有组件中添加了“uib”前缀，因此尝试使用$modal而不是$uibModalit注入modal看起来“$uibModal”中有额外的空间，但它可能与堆栈溢出样式有关。转到modal，单击“在plunker中编辑”按钮，您将能够查看工作示例的代码-然后继续我是你的工作示例，看看你在做什么diffrent@Alon谢谢你的建议。我仔细查看了示例，发现了错误！进入模式，单击“在plunker中编辑”按钮，你将能够查看工作示例的代码-然后将工作示例与你的示例进行比较，看看你在做什么@非常感谢您的建议。我仔细查看了示例，发现了错误！您好，谢谢您的帮助！我成功地让它工作了。在我的index.html中，您不需要包含ui.bootstrap cdn，只需要包含ui.bootstrap.tpls。这些是我的导入

您好谢谢你的帮助！我成功地让它工作了。在我的index.html中，你不需要包含ui.bootstrap cdn，只需要包含ui.bootstrap.tpls。这些是我的导入