Давайте начнем с констатации того факта, что я просмотрел, если не все, большинство вопросов, касающихся этой проблемы, но, к сожалению, я не смог найти ответ на этот вопрос.
У меня есть этот базовый http.get:
var app = angular.module('myApp' ,[]);
app.controller('MainCtrl', function($scope, $http)
{
$http.get("http://source.php")
.then(function(response)
{
$scope.results = response.data.records;
});
});
Это получает данные из php-файла, там они кодируются в JSON и выглядят так:
{ "records":[
{"itemnumber":"number","description":"item description","something":"somedata"},
{"itemnumber":"number","description":"item description","something":"somedata"}
]}
Кстати: я проверил весь JSONрезультат через валидатор JSON, поэтому в этом нет ничего плохого.
Данные «печатаются» в HTML следующим образом:
<tr ng-repeat="item in results">
<td>{{item.itemnumber}}</td>
<td>{{item.description}}</td>
<td>{{item.something}}</td>
</tr>
Дело в том, что они не заполняют таблицу.
ОДНАКО
Если я иду в область и вместо response.data.records
вставляю результаты вручную, она заполняет таблицу.
$scope.results = [
{"itemnumber":"number","description":"item description","something":"something"},
{"itemnumber":"number","description":"item description","something":"something"}
];
Отслеживание по track by $index
не помогает.
Угловые метки связаны так:
<html lang="en" ng-app="myApp" >
<div class="row" ng-controller="MainCtrl" >
<table>
<tr ng-repeat="item in results">
<td>{{item.itemnumber}}</td>
<td>{{item.description}}</td>
<td>{{item.something}}
</tr>
</table>
</div>
Я уверен, что я что-то упускаю из виду, я просто не могу понять, что это такое.
@ edit
@ ImmanuelKirubaharan, спасибо, вы спрашиваете меня об этом, чтобы найтивопрос.Каким-то образом я отредактировал source.php и добавил туда несколько тегов, которые вызвали проблему.Спасибо !Если вы хотите оставить свой комментарий внутри ответа, я с удовольствием его выберу.