$ routeProvider इंजेक्शन लगाने के नियंत्रक यूआरएल

Question

के आधार पर निर्भरता कोड पर विचार करें:

var app = angular.module("app", [], function($routeProvider) { 
    $routeProvider 
    .when("/page1", { controller: "MyController" }) 
    .when("/page2", { controller: "MyController" }) 
    .when("/page3", { controller: "MyController" }); 
}); 

app.factory("StrategyOne", function() {...}); 
app.factory("StrategyTwo", function() {...}); 
app.factory("StrategyThree", function() {...}); 

app.controller("MyController", function(Strategy, $scope) {...}); 

यूआरएल के आधार पर, मैं या तो StrategyOne, या StrategyTwo, या StrategyThree चाहते हैं, इंजेक्ट किया जा करने के लिए जब MyController निर्माण। विचार को चित्रित करने के लिए एक छद्म कोड:

var app = angular.module("app", [], function($routeProvider) { 
    $routeProvider 
    .when("/page1", { controller: "MyController", Strategy: "StrategyOne" }) 
    .when("/page2", { controller: "MyController", Strategy: "StrategyTwo" }) 
    .when("/page3", { controller: "MyController", Strategy: "StrategyThree" }); 
}); 

कोई परिवर्तन मैं AngularJS के साथ ऐसा कुछ प्राप्त कर सकता हूं?

Answer 1

हाँ! AngularJS resolve रूट परिभाषा की संपत्ति (अधिक जानकारी here) पर इस सुंदर आसानी से thnx को संभाल सकता है। अपने नियंत्रक में इंजेक्शन उचित रणनीति के लिए

var app = angular.module("app", [], function($routeProvider) { 
    $routeProvider 
    .when("/page1", { controller: "MyController", resolve: {Strategy: "StrategyOne"}}) 
    .when("/page2", { controller: "MyController", resolve: {Strategy: "StrategyTwo"}}) 
    .when("/page3", { controller: "MyController", resolve: {Strategy: "StrategyThree"}}); 
}); 

:

तो, मूल रूप से आप की तरह कुछ लिख सकता है! AngularJS DI अपने सर्वश्रेष्ठ पर!

एक बहुत अच्छा वीडियो ट्यूटोरियल resolve विषयों के साथ काम नहीं है, तो आप इसे दिलचस्प लग सकते हैं: http://www.youtube.com/watch?v=P6KITGRQujQ&list=UUKW92i7iQFuNILqQOUOCrFw&index=4&feature=plcp