angularjsのUrlパラメータを取得します

Question

私のMVC 5アプリケーションでは、いくつかのAngularJSを使いたいと思います。今、私はプロジェクトカードを持っています。このカードには、次のURLで電話することができます。

http://localhost/Project/Card/1 

このカードでは、私にはprojectTasksのリストがあります。 id = 1パラメータに基づいて、AngularJSにこのリストを表示させたいが、idパラメータを取得する方法はわからない。私はngRouteを見ていましたが、私は自分のProjectTaskControllerに動的URLを作成したいだけではルートを設定したくありません。

私がこれまで持っている：

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

私はNG-INITを使用して、それを解決してきました：

で私のMVC5ビュー（Show.cshtml）を追加しました：

私ProjectTaskCtrl.jsで

<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> 

：

(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")));