Javascript 将Json数据绑定到HTML表

我是角度编程新手

我想将从webservice获取的json数据绑定到html表

这是我的密码：

用户样本列表
函数PeopleCtrl（$scope，$http）{
$scope.people=[]；
$scope.loadPeople=函数（）{
var httpRequest=$http
({
方法：“GET”，
网址：'http://10.17.44.236:9090/MobileBootcamp.svc/getalluseravailability'
})
.成功（功能（数据、状态）{
调试器；
$scope.people=数据；
});
};
$scope.loadPeople（）；
}
身份证件
获得能力
{{x.UserID}
{{x.Availability}}
{{people.DataList[0].UserID}
{{people.DataList[0].Availability}
{{people.DataList[1].UserID}
{{people.DataList[1].Availability}

不需要[0]。我们不想循环遍历您的第一个对象，所以只需人员即可。数据列表将完成这项工作。它将遍历该数组中的所有对象

           <tr ng-repeat="x in people.DataList">
                <td>{{x.UserID}}</td>
                <td>{{x.Availability}}</td>
            </tr>

{{x.UserID}
{{x.Availability}}

您不需要

[0]

。您的

ng repeat

在此获取列表的所有元素。你只需要给出你的列表，而不是索引和角度就行了

<tr ng-repeat="x in people.DataList">

---

您试图在此处重复对象：

<tr ng-repeat="x in people.Datalist[0]">

只能在数组数据类型上重复。所以你必须这样做：

<tr ng-repeat="x in people.Datalist">

按以下步骤操作-

<tr ng-repeat="x in people.Datalist">
    <td>{{x.UserID}}</td>
    <td>{{x.Availability}}</td>
</tr>

{{x.UserID}
{{x.Availability}}

---

由于Datalist中有一个对象数组，所以应该迭代Datalist而不是Datalist[0]

应该是http请求可行吗？我跟着它走了，发现了一个不可用的错误。它的people.DataList不是people.DataList