[英]How can I add some logic in my angular routes?
我需要鎖定“ case”部分中的某些路由,以依賴於$ scope變量(有效或無效形式)
var loginForm = angular.module('loginForm',[
'ngRoute',
'stepsControllers'
]);
loginForm.config(['$routeProvider',
function($routeProvider) {
this.returnUrl = function(tempN) {
switch(tempN) {
case 1:
return 'partials/step1.html';
break;
case 2:
return 'partials/step2.html';
break;
case 3:
return 'partials/step3.html';
break;
case 4:
return 'partials/step4.html';
break;
}
};
$routeProvider.
when('/step1', {
templateUrl: this.returnUrl(1),
controller: 'step1Ctrl'
}).
when('/step2', {
templateUrl: this.returnUrl(2),
controller: 'step2Ctrl'
}).
when('/step3', {
templateUrl: this.returnUrl(3),
controller: 'step3Ctrl'
}).
when('/step4', {
templateUrl: this.returnUrl(4),
controller: 'step4Ctrl'
}).
otherwise({
redirectTo: '/'
});
}
]);
我認為我們需要添加一些服務,然后再將其添加到控制器的配置中。 但是我不了解DI,也不了解如何編寫代碼來發布它?
我建議$ routeParams來組織您的網址
angular.module('myApp', []).
config(function ($routeProvider, $routeParams) {
$routeProvider.when('/step/:stepId', {
templateUrl: 'resources/template/'+$routeParams.stepId+'.html',
controller : 'step'+$routeParams.stepId+'Ctrl'
});
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.