Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/398.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript ng重复不输出JSON数据_Javascript_Angularjs_Json - Fatal编程技术网

Javascript ng重复不输出JSON数据

Javascript ng重复不输出JSON数据,javascript,angularjs,json,Javascript,Angularjs,Json,我用与个人相关的数据填充JSON数据数组,如下所示 $scope.persons = [{ firstname: '', surname: ''}]; $scope.persons.push({ firstname: $scope.firstname, //input form field surname: $scope.surname //input form field }); 然后我尝试将数组的所有元素输出为HTML,如下所示: <span ng-repeat="per

我用与个人相关的数据填充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>
  $scope.persons = [{ firstname: 'Neha', surname: 'Saggam'}];
  $scope.persons.push({
  firstname: $scope.firstname, //input form field
  surname: $scope.surname //input form field
  });
{{person.firstname}{{person.names}}

我得到的是一对空的
标记作为输出,总是正确的数量,这意味着:数组中的三个名称产生三对
标记,但里面没有人员数据?!为什么?

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

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

个人数据中没有任何值,即firstname和lastname。初始化firstname和lastname值,如下所示:

<span ng-repeat="person in persons">{{person.firstname}} {{person.surname}}</span>
  $scope.persons = [{ firstname: 'Neha', surname: 'Saggam'}];
  $scope.persons.push({
  firstname: $scope.firstname, //input form field
  surname: $scope.surname //input form field
  });

那就试试吧!这对我很有用。

您显示的跨度在角度控制器的某个元素下?
$scope.firstname
$scope.姓氏
是否已声明?连接小提琴,此代码看起来不错。原始数组中有一个空的person。是的,声明
$scope.persons=[{firstname:'',姓氏:'}]将在数组中放置一个空的。输入:AngularJs代码中没有person.lastname是的,将代码传输到此窗口时是我的错。我的原始脚本不包含那个打字错误,不过。。。