javascript - AngularJS路由不适用于cshtml

Question

我正在尝试使用 AngularJS 和 MVC4 创建一个单页应用程序。

我面临的问题是我的 app.js 文件中的路由概念不适用于 cshtml。我的 app.js 代码如下，

      var ToDoApp = angular.module("ToDoApp",[]).config(function ($routeProvider) {
             $routeProvider.when('/MyArea/job', {controller: 'ListCtrl',templateUrl: '/MyArea/job/list' })
            .otherwise({ redirectTo: '/' });
     }); 



    ToDoApp.controller('ListCtrl', function ($scope) {
            $scope.item = "harun";
     })

我有一个 index.cshtml，我试图在其中呈现我的部分视图。index.cshtml代码如下，

@{
    ViewBag.Title = "Index";
 }

 <h2>Index</h2>

 <script src="~/Areas/Security/Scripts/app.js"></script>

 <div data-ng-view=""></div>

list.cshtml（部分视图）代码如下，

@{   
   Layout = null;
}

<label>{{item}}</label>

我已经使用简单的 html 文件完成了相同的概念。

如果我做错了什么，请帮助我。