$ urlRouterProvider不能與ngClipProvider配合使用

Question

我正在使用ngClip插件嘗試向我的網絡應用添加「複製到剪貼板」選項。我也在我的模塊配置中使用ui路由器。問題是，當我將ngClipProvider依賴項添加到我的.config時，$ urlRouterProvider變得未定義。當我刪除它時，$ urlRouterProvider再次是一個對象。下面是我的代碼：

var app = angular.module('app',['ui.router', 'ui.date', 'ngAnimate', 'angular-loading-bar', 'orders-directives', 'orders-controllers', 'orders-services', 'orders-factories', 'ngClipboard']); 
//Config 
app.config(['ngClipProvider', function($stateProvider, $urlRouterProvider, ngClipProvider){ 
    $urlRouterProvider.otherwise('/'); 
    $stateProvider.state('/', { 
     url: '/', 
     templateUrl: 'templates/admin-view.html', 
     controller: 'ordersController as ordersCtrl' 
    }).state('order', { 
     url: '/order/:ordernum?id', 
     templateUrl: 'templates/order-details.html', 
     controller: 'orderDetailsController as orderCtrl' 
    }).state('export', { 
     url: '/export', 
     templateUrl: 'templates/review-export.html', 
     controller: 'reviewExportController as reviewExportCtrl' 
    }); 
    //ngClipProvider.setPath("../plugins/ZeroClipboard/ZeroClipboard.swf"); 
}]); 

如果我刪除「['ngClipProvider .....]」部分，從函數的參數‘ngClipProvider’，一切正常。如上所述，$ urlRouterProvider爲null。

Answer 1

您與inline dependency injection陣列搞亂，錯過了前'ngClipProvider'

app.config(['$stateProvider', '$urlRouterProvider', 'ngClipProvider', 
    function($stateProvider, $urlRouterProvider, ngClipProvider){ 
    //code here... 
}])