$ routeProvider URL

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) {...}); 

이 URL에 따라, 나는 MyController를 구성 할 때, 주입 할 StrategyOne, 또는 StrategyTwo, 또는 StrategyThree 중 하나를합니다. 아이디어를 설명하는 의사 코드 :

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)으로 매우 쉽게 처리 할 수 ​​있습니다. 적절한 전략은 컨트롤러에 주입하도록

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