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文件完成了相同的概念。

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