Get Url parameter in angularjs - angularjs

Question

In my MVC 5 application I want to use some AngularJS. Now, I have a project card. You can call this card by following the url:
http://localhost/Project/Card/1
For this card, I have a list of projectTasks. Based on the id = 1 parameter I want AngularJS to show this list, but I don't know how to get the id parameter. I was looking at ngRoute, but I don't want to route I only want to construct a dynamic url in my ProjectTaskController.
What I have so far:
projectApp.js
(function () {
var app = angular.module("projectApp", ["ngRoute"]
.config(function ($routeProvider, $locationProvider) {
//configure the routing rules here
$routeProvider.when('/Card/:id', {
controller: 'ProjectTaskCtrl'
});
// enable HTML5mode to disable hashbang urls
$locationProvider.html5Mode(true);
})
}());
ProjectTask.js
(function (app) {
var projectTaskCtrl = function ($scope, $routeParams) {
alert($routeParams.id); // message: undefined
};
app.controller("ProjectTaskCtrl", projectTaskCtrl);
}(angular.module("projectApp")));

Answer 1

I've solved it by using ng-init:
in my MVC5 View (Show.cshtml) I added:
<div id="projectTasks" ng-app="ProjectApp">
<div ng-controller="ProjectTaskCtrl">
<input type="hidden" id="projectId" ng-model="projectId" ng-init="projectId=#ViewBag.projectId"/>
<!-- some more code -->
</div>
</div>
In my ProjectTaskCtrl.js:
(function (app) {
var projectTaskCtrl = function ($scope) {
$scope.$watch("projectId", function(){
// I can now use projectId in whatever I want:
alert($scope.projectId);
});
};
app.controller("ProjectTaskCtrl", projectTaskCtrl);
}(angular.module("projectApp")));