AngularJS 未知提供者：$dialogProvider <- $dialog

Question

我有一个项目，我想添加一个模式。太好了，所以我仔细阅读了一下，听起来好像要走的路是使用 $dialog。我已经有 angular，我有 bootstrap 和 bootstrap-ui.

阅读 2013 年的 post，他们说 "Hey, go get The Angular-UI Module, that's where $dialog is!"

好吧，我去了 angular-ui 网站，除非我真的很蠢（也许我真的很蠢），否则 Angular-UI模块。我也无法轻易找出该站点上的哪个文件（因为有一大堆文件）会包含神奇的 $dialog.

求助？！

这包括在内：

<script src="lib/AngularJS/angular.js"></script>
<script src="lib/AngularJS/angular-route.js"></script>
<script src="lib/AngularJS/angular-sanitize.js"></script>
<script src="lib/jQuery/jquery-2.1.1.js"></script>
<script src="lib/bootstrap/js/bootstrap.js"></script>
<script src="lib/bootstrap-ui/ui-bootstrap-tpls-0.12.0.js"></script>
<script src="lib/lodash/lodash.min.js"></script>
<script src="lib/angular-file-upload/dist/angular-file-upload-all.js"></script>

var myApp = angular.module("myApp",
  ['ngRoute',
   'angularFileUpload',
   'ui.bootstrap.tpls',
   'ui.bootstrap.rating',
   'ui.bootstrap',
   'ngMap',
   'ngSanitize']
);

myApp.controller('myController',
  ['$scope','$rootScope', '$dialog',
  function ($scope, $rootScope, $dialog) {

如果我从控制器中删除 $dialog，一切都很好。我一将它放在那里，就收到未知提供程序错误。

Answer 1

您最可能想要的是 $modal

myApp.controller('myController',
    ['$scope','$rootScope', '$modal',
    function ($scope, $rootScope, $modal) {

在此处阅读更多相关信息：http://angular-ui.github.io/bootstrap/#/modal

如果我没记错的话，以前被称为 $dialog，后来被更改了。

AngularJS 未知提供者：$dialogProvider <- $dialog

AngularJS Unknown provider: $dialogProvider <- $dialog

modal-dialog

angularjs