AngularJS未知提供程序：$ dialogProvider <-$ dialog

Question

我有一个项目要添加模式。太好了，所以我读了起来，听起来好像要使用$ dialog。我已经有角度了，我有bootstrap和bootstrap-ui。

阅读2013年的一篇文章时，他们说：“嘿，去获取Angular-UI模块，这就是$ dialog所在的位置！”

好的，我去了angular-ui网站，除非我真的很愚蠢（也许我是），否则没有Angular-UI Module这样的东西。我也不能轻易找出那个站点上的哪个文件（因为有一个完整的文件束）包含神奇的$ 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，后来被更改了。