ng-重复不输出 JSON 数据

ng-repeat no output of JSON data

本文关键字：JSON 数据 输出 ng-      更新时间：2023-09-26

我用与人相关的数据填充JSON数据数组，就像这样。

$scope.persons = [{ firstname: '', surname: ''}];
$scope.persons.push({
   firstname: $scope.firstname, //input form field
   surname: $scope.surname //input form field
});

然后我尝试将数组的所有元素输出为 HTML，如下所示：

<span ng-repeat="person in persons">{{person.firstname}} {{person.surname}}</span>

我得到的是一对空的<SPAN>标签作为输出，总是正确的数量，意味着：数组中的三个名称会产生三对<SPAN>标签，但里面没有个人数据？！为什么？

无论出于何种原因，我都无法弄清楚问题的本质，但我偶然发现了一种对我有帮助的解决方法。我想，它可能对其他人有用，所以它在这里：

<ul>
   <li ng-repeat="person in persons">
      <span ng-bind="person.firstname"></span>&nbsp;<span ng-bind="person.surname"></span>
   </li>
</ul>

您在个人数据中没有任何值，即名字和姓氏。初始化名字和姓氏值，如下所示：

  $scope.persons = [{ firstname: 'Neha', surname: 'Saggam'}];
  $scope.persons.push({
  firstname: $scope.firstname, //input form field
  surname: $scope.surname //input form field
  });

那就试试吧！这对我有用。

相关文章：