2014-08-27 4 views
0

Я изучаю новичок Угловой. Я создал тестовую страницу в 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> 

ответ

1

как этот

<tr ng-repeat="company in companiesList"> 
    <td>{{company.companyName}}</td> 
</tr> 
0

Ребята, я думаю, нашел причину этой проблемы. если вы посмотрите в поле зрения. html не определен правильно.

<tr ng-repeat="company in companiesList"></tr> 
<td>{{company.companyName}}</td> 

Какой должна быть как следующий

<tr ng-repeat="company in companiesList"> 
    <td>{{company.companyName}}</td> 
</tr> 

Это решило проблему, и я был в состоянии видеть данные на этой странице.