AngularJS函數DI參數

Question

我正在爲應用程序的身份驗證部分構建提供程序。我在使用依賴注入器時將值傳遞給函數時遇到了麻煩。

angular.module('security.authorization', ['security.service']) 
.provider('securityAuthorization', { 
    requireRole: ['securityAuthorization', 'rolesAllowed', function(securityAuthorization, rolesAllowed) { 
     return securityAuthorization.requireRole(rolesAllowed); 
    }], 

    $get: ['security', '$q', function(security, $q) { 
     return { 
      requireRole: function(rolesAllowed) { 
       console.log(rolesAllowed); 
      } 
     }; 
    }] 
}); 

我試圖從app.config $ routeProvider調用「requireRole」。

.when('/map', { controller: 'MapCtrl', templateUrl: 'partials/user/map.html', 
     resolve: { 
      authenticatedUser: securityAuthorizationProvider.requireRole('user') 
     } 
    }) 

但它給了我

Uncaught Error: [$injector:modulerr] Failed to instantiate module myApp due to: TypeError: object is not a function

UPDATE

app.config(function($routeProvider, $httpProvider, securityAuthorization) { 
    $routeProvider 
    .when('/map', { controller: 'MapCtrl', templateUrl: 'partials/user/map.html', 
     resolve: { 
      authenticatedUser: ['securityAuthorization', function(){ 
       return securityAuthorization.requireRole('user'); 
      }] 
     } 
    }); 
}); 

錯誤：

Error: [$injector:unpr] Unknown provider: securityAuthorization

Answer 1

你需要通過一個函數作爲第二個參數爲providerhttps://docs.angularjs.org/guide/providers#provider-recipe

由於您似乎沒有使用securityAuthorizationProvider，我已將此更改爲使用工廠。如果你定義了一個Factory配方，那麼一個空的Provider類型的$ get方法將被設置爲你的工廠函數，這是自動創建的。

.factory('securityAuthorization', ['security', '$q', function(security, $q) { 
    return { 
     requireRole: function(rolesAllowed) { 
      // require that there is an authenticated user 
      return security.auth().then(function(user) { 
       if (!security.isAuthenticated()) { 
        $q.reject('/signin'); 
       } 
       else { 
        // check if role is allowed 
        if (rolesAllowed.indexOf(user.role) == -1) { 
         $q.reject('/signin'); 
        } 
        else { 
         if (user.defaultPassword) { 
          $q.reject('/change-password'); 
         } 
         else { 
          // This was in the original post, but $q doesn't have resolve 
          $q.resolve(); 
         } 
        } 
       } 
      }, function(){ 
       $q.reject('/signin'); 
      }); 
     } 
    }; 
}]); 

哪裏是如何建立從DI路由

app.config(function($routeProvider, $httpProvider) { 
    $routeProvider 
     .when('/map', { controller: 'MapCtrl', templateUrl: 'partials/user/map.html', 
      resolve: { 
       authenticatedUser: ['securityAuthorization', function(securityAuthorization){ 
        return securityAuthorization.requireRole('user'); 
       }] 
      } 
     }); 
});