Question

我想使用ngdialog来处理401状态，但是我收到错误：未捕获错误：[$ injector：cdep]

angular.module('ws.site.master', [
      'ngResource',
      'ngCookies',
      'ngSanitize',
      'ngAnimate',
      'ui.router',
      'ngDialog'
    ]);

这里我添加了一个工厂来处理401状态。

angular.module('ws.site.master').factory('authHttpResponseInterceptor',['$q','$location','ngDialog',function($q,$location,ngDialog){
  return {
    response: function(response){
      if (response.status === 401) {
        console.log("Response 401");
      }
      return response || $q.when(response);
    },
    responseError: function(rejection) {
      if (rejection.status === 401) {
        console.log("Response Error 401",rejection);
        ngDialog.open({
          template: '/common/templates/at.modal.security.html',
          className: 'ngdialog-theme-default modal-security',
          closeByDocument: false,
          closeByEscape: false,
          trapFocus: false,
          controller: ['$scope', function($scope) {
            $scope.defaultView = defaultView || 'login';
          }]
        });
        $rootScope.isSecurityModal = true;
      }
      return $q.reject(rejection);
    }
  }
}]);

这里将authHttpResponseInterceptor添加到$ httpProvider

angular.module('ws.site.master').config(['$stateProvider', '$urlRouterProvider', '$locationProvider', '$httpProvider', 'ROUTE',
  function ($stateProvider, $urlRouterProvider, $locationProvider, $httpProvider, ROUTE) {
    $locationProvider.html5Mode(true);
    angular.forEach(ROUTE, function(_route, _name){
      $stateProvider.state(_name, _route);
    });
    $urlRouterProvider.otherwise('/');
    $httpProvider.interceptors.push('authHttpResponseInterceptor');
  }
]);

Answer 1

错误：$ injector：cdep - 循环依赖

请查看有关this

的角度文档

angular.module('myApp', [])
.factory('myService', function (myService) {
  // ...
})
.controller('MyCtrl', function ($scope, myService) {
  // ...
});

你正在注射＆＃39; ngDialog＆＃39;两次，你的主要模块，然后到工厂，所有这些都在同一个＆＃39; ws.site.master＆＃39;

Answer 2

对于对话框窗口，您必须在html标头中包含bootstrap-tpls。应用程序应如下所示：

angular.module('myModule', [ 'ui.bootstrap']);

在控制器或工厂中有：

app.controller('myController', function($scope, $modal) {
...
$scope.openPopup = function() {
                    $scope.modalInstance = $modal
                            .open({
                                animation : true,
                                backdrop : 'static',
                                templateUrl : 'yourTemplatePath/template.html',
                                controller : 'yourPopupController'
                            });

                    $scope.modalInstance.result.then(function(returnResult) {
                        $scope.returnResult = returnResult;
                    });
                };

未捕获错误：[$ injector：cdep]在工厂中使用ngdialog

2 个答案: