在angularjs中注入$ dialog時出錯

Question

我想顯示一個來自angularjs controller的dialog 。 我正在使用angular-ui和angular-strap

在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

我的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' }

我的user.gsp

<html ng-app="user">

    <r:require modules="bootstrapJs" />
    <r:require modules="userJs" />
    <r:require modules="angularJs" />
</html>

我使用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' ];

我的app.js

var user = angular.module('user', [ 'ui', '$strap.directives' ]);

我關注了角度js未知提供程序，但是沒有答案對我有用。

Answer 1

AngularStrap沒有$dialog服務。 如果要使用AngularStrap的模態服務，請將其更改為$modal 。

AngularUI確實有$dialog服務。 但是要使用它，必須將ui.bootstrap模塊鏈接到您的應用程序。

angular.module('user', [ 'ui', '$strap.directives', 'ui.bootstrap']);

$ modal和$ dialog具有不同的API，因此您必須確定要使用哪個API。

現在，重要的是要注意AngularStrap和AngularUI在功能上有很多重疊（例如，兩者都提供導致上述混亂的模態服務）。 您是否必須同時使用兩者？

在angularjs中注入$ dialog時出錯

問題描述

在Controller中注入$ dialog時，出現以下錯誤：

我的ApplicationResources.groovy

我的user.gsp

我使用angular-ui的ui.bootstrap.dialog的EncouragementController.js是

我的app.js

1 個解決方案

解決方案1
1 2013-09-03 19:34:54

在angularjs中注入$ dialog時出錯

問題描述

在Controller中注入$ dialog時，出現以下錯誤：

我的ApplicationResources.groovy

我的user.gsp

我使用angular-ui的ui.bootstrap.dialog的EncouragementController.js是

我的app.js

1 個解決方案

解決方案1 1 2013-09-03 19:34:54

解決方案1
1 2013-09-03 19:34:54