个人中心
gpt4 book ai didi

javascript - ng-repeat angular 在遍历数组时将两个元素添加到 div 而不是一个元素

转载 作者：行者123 更新时间：2023-11-30 16:58:10 25 4
gpt4 key购买 nike

我正在使用 angular 发出获取请求以返回实时数据。然后我希望在我的主页上显示这些数据。

我的 Controller 中的代码如下:

$scope.holder = [];

  $http.get('url').success(function(data){
      $scope.lines = data.lines;
       $.each($scope.lines, function(name){
        $scope.holder.push(this.friendly_name);
        $scope.holder.push(this.status);
      });
  });
});

调用数据后 $scope.holder 数组如下所示:

["Bakerloo", "Good service", "Central", "Part closure", "Circle", "Good service", "District", "Part closure", "Hammersmith & City", "Good service"]

我的 html 看起来像这样:

<body ng-controller="tubeController">
    <div ng-repeat="item in holder track by $index">
      {{item}}
    </div>
</body>

当我在 html 页面上显示它时，数组的每个元素都被放入一个单独的 div 中，如下所示:

<div>Bakerloo</div>
<div>Good Service</div>
<div>Central</div>
<div>Part closure</div>

我想要做的是将元素分成两部分，以便每个 div 包含数组中的两个元素。

我希望页面看起来像这样:

<div>Bakerloo Good service</div>
<div>Central Part closure</div>

等等

我尝试了许多不同的技术，并阅读了许多关于堆栈溢出的其他答案，但无法理解。我希望有人能提供帮助。谢谢

最佳答案

试试这个:

$.each($scope.lines, function(name){
    $scope.holder.push( this.friendly_name + " " + this.status );
});

关于javascript - ng-repeat angular 在遍历数组时将两个元素添加到 div 而不是一个元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/29316751/

25 4 0
文章推荐： javascript - 如何使用 jQuery 将所有带有

的文本节点包装在一个 div 中，该 div 还可能包含其他

标签和 标签？

行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com