在angularjs中注入$ dialog时出错
[英]error injecting $dialog in angularjs
问题描述
I want to show a dialog from angularjs controller . 
我想显示一个来自angularjs controller的dialog 。 I am using angular-ui and angular-strap 我正在使用angular-ui和angular-strap
While injecting $dialog in Controller I get the following error : 在Controller中注入$ dialog时，出现以下错误：
Error: [$injector:unpr] http://errors.angularjs.org/1.2.0rc1/$injector/unpr?p0=%24dialogProvider%20%3C-%20%24dialog
at Error (<anonymous>)
at https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.min.js:6:450
at https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.min.js:31:145
at Object.c [as get] (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.min.js:28:296)
at https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.min.js:31:213
at c (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.min.js:28:296)
at d (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.min.js:28:473)
at Object.instantiate (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.min.js:30:123)
at https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.min.js:58:153
at https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.min.js:46:383
My ApplicationResources.groovy 我的ApplicationResources.groovy
angularJs { resource url:'https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.min.js' }
angularUI {
dependsOn 'angularJs'
dependsOn 'jquery'
dependsOn 'googleMaps'
resource url:'https://cdnjs.cloudflare.com/ajax/libs/angular-ui/0.4.0/angular-ui.min.css',attrs:[rel: "stylesheet", type:'css']
resource url:'https://cdnjs.cloudflare.com/ajax/libs/angular-ui/0.4.0/angular-ui.min.js'
resource url:'https://cdnjs.cloudflare.com/ajax/libs/angular-ui/0.4.0/angular-ui-ieshiv.min.js'
}
angularStrap {
dependsOn 'angularJs'
dependsOn 'bootstrapJs'
dependsOn 'datepicker'
resource url: 'https://cdnjs.cloudflare.com/ajax/libs/angular-strap/0.7.4/angular-strap.min.js'
resource url: 'js/angular-strap/datepicker.js'
resource url: 'js/angular-strap/timepicker.js'
}
userJs { resource url:'js/user.js' }
My user.gsp 我的user.gsp
<html ng-app="user">
<r:require modules="bootstrapJs" />
<r:require modules="userJs" />
<r:require modules="angularJs" />
</html>
My EncouragementController.js using angular-ui's ui.bootstrap.dialog is 我使用angular-ui的ui.bootstrap.dialog的EncouragementController.js是
function EncouragementController($scope, $http, $dialog, encouragementService) {
//
$scope.showMessage = function(message){
var title = 'Alert';
var msg = message;
var btns = [{result:'cancel', label: 'Cancel'}, {result:'ok', label: 'OK', cssClass: 'btn-primary'}];
$dialog.messageBox(title, msg, btns)
.open()
.then(function(result){
});
};
}
EncouragementController.$inject = [ '$scope', '$http', '$dialog', 'encouragementService' ];
My app.js 我的app.js
var user = angular.module('user', [ 'ui', '$strap.directives' ]);
I followed angular js unknown provider , but no answer there worked for me. 我关注了角度js未知提供程序 ，但是没有答案对我有用。
1 个解决方案
解决方案1
1 2013-09-03 19:34:54
AngularStrap does not have a $dialog service. AngularStrap没有$dialog服务。 Change it to $modal if you want to use AngularStrap's modal service. 如果要使用AngularStrap的模态服务，请将其更改为$modal 。
AngularUI does have a $dialog service. AngularUI确实有$dialog服务。 But in order to use it, you must link the ui.bootstrap module to your app. 但是要使用它，必须将ui.bootstrap模块链接到您的应用程序。
angular.module('user', [ 'ui', '$strap.directives', 'ui.bootstrap']);
$modal and $dialog has different APIs, so you must decide which one you want to use. $ modal和$ dialog具有不同的API，因此您必须确定要使用哪个API。
Now it is important to note that AngularStrap and AngularUI overlaps each other a great deal in functionality (eg both provide modal service causing the above confusion). 现在，重要的是要注意AngularStrap和AngularUI在功能上有很多重叠（例如，两者都提供导致上述混乱的模态服务）。 Is there any reason you have to use both? 您是否必须同时使用两者？
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.