Javascript ng重复不输出JSON数据
我用与个人相关的数据填充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
$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> <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是的,将代码传输到此窗口时是我的错。我的原始脚本不包含那个打字错误,不过。。。