Я изучаю новичок Угловой. Я создал тестовую страницу в Apsnet MVC, используя Angluar, пытаясь получить некоторые данные из DB.retrieving данных. это объект Array. но ng-repeat не показывает его. Мой Угловая контроллерAngularJS не показывает Массив объектов
(function() {
var CompanyController = function ($scope,companyRepository) {
//another function which runs when http request completes.
var onGetCompaniesComplete = function (response) {
console.log(response);
$scope.companiesList = response;
alert($scope.companiesList.length);
};
// on error
var onError = function (error) {
console.log('An error occured while getting companies list');
};
$scope.Message = "Hello to the world of Angularjs.";
//getting companies list.
companyRepository.get().
then(onGetCompaniesComplete, onError);
};
// registration the controller.
registrationModule.controller('CompanyController',CompanyController);
}());
companyRepository
registrationModule.factory('companyRepository', function ($http, $q) {
return {
get: function() {
var deffered = $q.defer();
$http.get('/CompanyNG/GetCompanies').success(deffered.resolve).error(deffered.reject);
return deffered.promise;
}
}
});
Asp.Net действия контроллера
public ActionResult Index()
{
return View();
}
public string GetCompanies()
{
var companyModel = repository.Companies;
//var jsonResult = Json(companyModel, JsonRequestBehavior.AllowGet);
//return Json(companyModel, JsonRequestBehavior.AllowGet);
var settings = new JsonSerializerSettings { ContractResolver=new CamelCasePropertyNamesContractResolver() };
var companies = JsonConvert.SerializeObject(companyModel, Formatting.None, settings);
return companies;
}
Посмотреть
@section scripts{
<script src="~/Scripts/Controllers/Repositories/CompanyRepository.js"></script>
<script src="~/Scripts/Controllers/CompanyController.js"></script>
}
<div ng-controller="CompanyController">
{{Message}}
<table>
<thead>
<tr>
<th>
Name
</th>
<th>
Found
</th>
<th>
Office#
</th>
<th>
PSEB Registered
</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="company in companiesList"></tr>
<td>{{company.companyName}}</td>
</tbody>
</table>
</div>