如何在AngularJS中通過templateUrl傳遞URL參數？

Question

試圖學習AngulareJS陷入了困境。

這是代碼：

app.config(function ($routeProvider){ 
$routeProvider 
.when('/', 
{  
    templateUrl: '/sort', 
    controller : 'tasksController'  
}) 
.when('/expression/:expressionId/type/:typeId', 
{ 
    templateUrl: '/sort/'+:expressionId +'/'+ :typeId, 
    controller : 'tasksController' 
})}); 

這顯然是錯誤的。

任何人都可以告訴我什麼是正確的方法嗎？謝謝。

Answer 1

可能您正在尋找$ routeparams https://docs.angularjs.org/api/ngRoute/service/ $ routeParams。

你可以做一些象下面這樣：

app.config(function ($routeProvider){ 
    $routeProvider 
    .when('/',{ 
     templateUrl: '/sort', 
     controller : 'tasksController' 
    }) 
    .when('/expression/:expressionId/type/:typeId', { 
     templateUrl: '/sort', 
     controller : 'tasksController' 
    }) 
}); 

app.controller('tasksController', ['$scope', '$routeparams', function($scope, $routeparams) { 
    var expressionId = $routeparams.expressionId 
     , typeId = $routeparams.typeId; 
}]); 

Answer 2

謝謝你們，這是我想要的東西

.when('/expression/:expressionId/type/:typeId', { 

templateUrl: function(params) { 
    return '/sort/' + params.expressionId +'/'+ params.typeId ; 
}, 
controller: 'tasksController' 
});