Phụ thuộc danh sách được tiêm

Question

Có cách nào để biết phụ thuộc nào được tiêm vào mô-đun Góc của tôi không?

angular.module('myModule', [ 
    'ui.bootstrap' 
]) 
.controller('myController', [function() { 
    // var dependencies = Magic.dependencies; 
    // console.log(dependencies); 
}]); 

Answer 1

Trong điều khiển của bạn, nếu bạn tiêm $window, bạn có thể khai thác cho các phụ thuộc, cụ thể, tồn tại một .requires trên mô-đun của bạn. Để làm điều này, bạn có thể tuyên bố module bạn như là một toàn cầu var vì vậy chúng tôi có thể tìm thấy nó trên $window của chúng tôi, trong trường hợp này, chúng ta hãy gọi nó app - hoặc - bạn có thể bỏ qua globals và $window và gọi angular.module('myModule').requires trực tiếp.

• Tôi cũng đã thêm ngRoute cũng để chứng minh mảng phụ thuộc sẽ được khám phá.

var app = angular.module('myModule', 
[ 
    'ui.bootstrap', 
    'ngRoute' 
]).controller('ctrl', ['$scope', '$window', function($scope, $window) { 
    console.log($window.app.requires) // ["ui.bootstrap", "ngRoute"] 
    console.log(angular.module('myModule').requires) // without global - $window not needed 
}]); 

JSFiddle Link - ví dụ làm việc

---

Lưu ý - Nếu globals tận dụng, bạn chỉ có thể gọi window như vậy: window.app.requires - mà không cần tiêm $window. Tuy nhiên, hãy xem số AngularJS $window docs để hiểu lý do tại sao $window được ưu tiên.

Answer 2

Xây dựng trên @salniro's answer, bạn không cần hình cầu hoặc $window.

Các phụ thuộc được liệt kê trên .requires tài sản của angular.Module:

angular.module('myModule', [ 
    'ui.bootstrap', 
    'ngRoute' 
]) 
.controller('ctrl', function() { 
    var app = angular.module('myModule'); 
    console.log(app.requires); // ["ui.bootstrap", "ngRoute"] 
}); 

http://jsfiddle.net/8vtf6gar/1/