Angularjs не может загрузить данные в ASP .Net MVC

Question

Я изучаю рамки angularjs с ASP .Net MVC. Эти коды не работают и не загружают и не связывают никакие json-данные. Пожалуйста, какая из них неверна?

Контроллер:

public JsonResult GetCustomers() 
{ 
    Customer[] customers = new Customer[] 
    { 
     new Customer { Age = 52, Comments = "Hello World", Id = 1, Name = "Andrew Max" }, 
     new Customer { Age = 12, Comments = "Hello World", Id = 2, Name = "Michael Hearve" }, 
     new Customer { Age = 54, Comments = "Hello World", Id = 3, Name = "Best Regards" }, 
     new Customer { Age = 33, Comments = "Hello World", Id = 4, Name = "Andrea Lucy" }, 
     new Customer { Age = 46, Comments = "Hello World", Id = 5, Name = "Silvia Reagen Estongard" }, 
     new Customer { Age = 23, Comments = "Hello World", Id = 6, Name = "James Hall" }, 
     new Customer { Age = 43, Comments = "Hello World", Id = 7, Name = "Pak Marsudi" }, 
     new Customer { Age = 22, Comments = "Hello World", Id = 8, Name = "Gilbert Silalahi" }, 
     new Customer { Age = 52, Comments = "Hello World", Id = 9, Name = "Noni Cukong" }, 
    }; 
    return Json(customers, JsonRequestBehavior.AllowGet); 
} 

HTML:

<div ng-app="app" ng-controller="angularController"> 
    <table> 
     <thead> 
      <tr> 
       <th>Id</th> 
       <th>Name</th> 
       <th>Age</th> 
       <th>Comments</th> 
      </tr> 
     </thead> 
     <tbody> 
      <tr ng-repeat="item in items"> 
       <td>{{item.Id}}</td> 
       <td>{{item.Name}}</td> 
       <td>{{item.Age}}</td> 
       <td>{{item.Comments}}</td> 
      </tr> 
     </tbody> 
    </table> 
</div> 

Javascript:

$(document).ready(function() { 
    test(); 
}); 

function test() { 
    angular 
     .module('app', []) 
     .controller('angularController', function ($scope, $http) { 
      $http.get("/Home/GetCustomers/") 
       .success(function (data) { 
        $scope.items = data; 
       }); 
     }); 
}; 

Он не загружает данные и не показывает никаких ошибок. Вот результат отображается в браузере

{{item.Name}} {{item.Age}} {{}} item.Comments

Answer 1

Как вы используете ng-app директиву, вы должны загрузить угловой модуль из $(document).ready(function() { он должен загружаться непосредственно решит проблему

Javascript

angular 
    .module('app', []) 
    .controller('angularController', function ($scope, $http) { 
     $http.get("/Home/GetCustomers/") 
      .success(function (data) { 
       $scope.items = data; 
      }); 
    }); 

Working DotNetFiddle Здесь