2015-02-10 2 views
0

Я новичок в AngularJS и стараюсь его понять. В настоящее время я не могу загрузить данные, полученные с PHP, используя ng-repeat. Тем не менее, я могу отслеживать данные в функции контроллера. Вот данные я получаю от сервера (PHP)Невозможно загрузить данные с помощью ng-repeat

array(2) { 
    [0]=> 
    array(5) { 
    ["ProjectID"]=> 
    string(4) "1830" 
    ["ProjectName"]=> 
    string(4) "ABCD" 
    ["ProjectCode"]=> 
    string(8) "abc11111" 
    ["Task"]=> 
    string(6) "Update" 
    ["ProjectStatus"]=> 
    string(8) "Complete" 
    } 
    [1]=> 
    array(5) { 
    ["ProjectID"]=> 
    string(4) "1831" 
    ["ProjectName"]=> 
    string(4) "EFGH" 
    ["ProjectCode"]=> 
    string(8) "abc22222" 
    ["Task"]=> 
    string(6) "New" 
    ["ProjectStatus"]=> 
    string(8) "Inprogress" 
    } 
} 

AngularJS Код:

$scope.url = "GetProjects.php?stDate="+ startDate + "&edDate=" + endDate; 
       $http({method: $scope.method, url: $scope.url, cache: $templateCache}) 
        .success(function(data, status) 
        { 
         $scope.status = status; 
         $scope.projects = (data); 
         for (var i=0;i<$scope.projects.length; i++) 
         { 
          alert ($scope.projects[i].ProjectName); 
         } 
        }) 

HTML код:

<div ng-app="seReportApp"> 
    <div ng-controller="GetProjectsController"> 
     <table border="1"> 
      <tr> 
       <td>ProjectName</td> 
       <td>ProjectCode</td> 
       <td>project.Task</td> 
       <td>project.ProjectStatus</td> 
      </tr> 
      <tr ng-repeat="project in $scope.projects"> 
       <td>{{ project.ProjectName }}</td> 
       <td>{{ project.ProjectCode }}</td> 
       <td>{{ project.Task }}</td> 
       <td>{{ project.ProjectStatus }}</td> 
      </tr> 
     </table> 
    </div> 
</div> 
+1

Вам не нужно реферировать $ scope внутри выражения ng-repeat – Raulucco

ответ

0

Вы должны использовать нг-повтора, чтобы сделай так, чтоб это работало. Скопируйте следующие строки в свой html, это даст вам хороший пример использования ng-repeat. Вы должны видеть ваши проекты в таблице.

<table class="table"> 
    <tr ng-repeat="project in projects"> 
    <td>{{ project.ProjectName }}</td> 
    <td>{{ project.ProjectCode }}</td> 
    <td>{{ project.Task }}</td> 
    <td>{{ project.ProjectStatus }}</td> 
    </tr> 
</table> 

Надеюсь, это вам помогло.

+0

Большое спасибо. Это было очень простое решение. –

Смежные вопросы