从angularjs中的数组内部获取数据

时间:2017-10-04 02:47:57

标签: javascript angularjs arrays

我坚持使用angularjs来获取数据如下所示我从API获取数据如下:

{
data: [
{
nightsInDest: null,
airlines: [
"A3",
"D8",
"DY"
],
route: [
{
cityTo: "Athens",
flyFrom: "IKA",
},
{
cityTo: "Copenhagen",
flyFrom: "ATH",
},
{
cityTo: "London",
flyFrom: "CPH",
},
{
cityTo: "Los Angeles",
flyFrom: "LGW",

}
],
}

如你所见,数据是数组,长度是136,内部有苯胺长度是3那个数组,我有1条路径长度是4我为数据做了一个for循环:

for (var i = 0; i < $scope.results; i++)

并获取数据,但当我到达路线时,我不知道如何获取

的数据
cityTo: "Copenhagen"

在我的html视图中:

<h4 class="box-title">From {{data[$index].route[$index].cityFrom}} to {{data[$index].route[$index].cityTo}} </h4>

对于第一个data0 cityTo0并显示我Athen但是对于下一个data0 cityTo1我不知道如何获取它并转到data1 cityTo1

我知道它的complecate,我不知道如何解释更多,数据是如此巨大,我不得不删除一些部分,以便于阅读,如果有人可以帮助我真正节省我的一天,并赞赏

PS: 我为路线做了1循环(但我确定错了)

 $scope.numberOfFlights = $scope.data[i].route.length;

for (var j = 0; j < $scope.numberOfFlights; j++) {

enter image description here

1 个答案:

答案 0 :(得分:0)

好的,我会将您的数据设置为一个名为'flight'的变量,然后对其进行ng-repeat以及其中的路由。类似的东西:

使用Javascript:

$scope.flights = results.data;

HTML:

<div ng-repeat="flight in flights">
    <h4 ng-repeat="connection in flight.route">
        From {{connection.cityFrom}} to {{connection.cityTo}}
    </h4>
</div>

我不确定你是如何获得这些标识的。