javascript - 比较 ng Repeat 中的每最后两条记录-6ren

javascript - 比较 ng Repeat 中的每最后两条记录

转载作者：行者123 更新时间：2023-12-01 03:52:42

25

4

以下是记录:

$scope.myArray = 
  [
    {
      "id": 100,
      "child": [
        {
          "id": 77,
          "part": 33,
          "name" : 16
          "subName": 16.1,
        },
        {
          "id": 76,
          "part": 30,
          "name" : 14,
          "subName": 14.3,
        },
       {
        "id": 75,
        "part": 29,
        "name" : 12,
        "subName": 12.1,
       }
      ]
    }
  ]

现在在上面的记录中，16.1属于part = 33，14.3属于part = 30，因此两个子名称属于不同的部分，所以我想显示名称16和14。

因此，上述记录的预期输出如下所示:

16
14
12

当我有以下记录时就会出现问题:

$scope.myArray = 
  [
    {
      "id": 100,
      "child": [
        {
          "id": 76,
          "part": 30,
          "name" : 14,
          "subName": 14.3,
        },
        {
          "id": 71,
          "part": 30,
          "name" : 14,
          "subName": 14.2,
        },
        {
          "id": 70,
          "part": 30,
          "name" : 14,
          "subName": 14.1,
        }
      ]
    }
  ]

这里子包含同一部分的所有子名称，即 30，所以现在我想显示子名称。所以在这种情况下的预期输出将是子名称，如下所示:

14.3
14.2
14.1

记录将从 0 - 1,1 - 2, 2 - 3 进行比较，但在这里我不知道如果子数组包含两个以上记录，如何比较记录。

注意:如果两个记录中的任何一个包含不同的部分，则子数组中不会有重复的部分。例如，我不会有像 16.1,14.3,14.2 这样的子名，因为这里我有 16.1，它属于不同的部分。但如果 16.1 不存在，那么我可以拥有相同部分的 14.3,14.2。

var app = angular.module('myApp', []);
        app.controller('myCtrl', function ($scope) {
          $scope.myArray = 
  [
    {
      "id": 100,
      "child": [
        {
          "id": 77,
          "part": 33,
          "name" : 16,
          "subName": 16.1,
        },
        {
          "id": 76,
          "part": 30,
          "name" : 14,
          "subName": 14.3,
        },
        {
          "id": 75,
          "part": 29,
          "name" : 12,
          "subName": 12.1,
        }
      ]
    }
  ]
        });

<!DOCTYPE html>
<html ng-app="myApp" ng-controller="myCtrl">
<head>
    <title></title>
    <meta charset="utf-8" />
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
</head>
<body>
    <div ng-repeat="item in myArray[0].child">
       {{ item.name }} 
    </div>
</body>
</html>

最佳答案

请参阅下面的 Controller 代码。我尝试实现你想要的。

$scope.myArray = [ {
        "id" : 100,
        "child" : [ {
            "id" : 76,
            "part" : 30,
            "name" : 14,
            "subName" : 14.3,
        }, {
            "id" : 71,
            "part" : 30,
            "name" : 14,
            "subName" : 14.2,
        }, {
            "id" : 70,
            "part" : 30,
            "name" : 14,
            "subName" : 14.1,
        } ]
    }, {
        "id" : 101,
        "child" : [ {
            "id" : 77,
            "part" : 33,
            "name" : 16,
            "subName" : 16.1,
        }, {
            "id" : 76,
            "part" : 30,
            "name" : 14,
            "subName" : 14.3,
        }, {
            "id" : 75,
            "part" : 29,
            "name" : 12,
            "subName" : 12.1,
        } ]
    } ]

HTML 代码:

<div ng-repeat="item in myArray">
            ============<br />
            <div ng-repeat="item1 in item.child">
                <span>{{(item1.part==item.child[$index+1].part ||
                    ($index==item.child.length-1 &&
                    item1.part==item.child[$index-1].part))?item1.subName:item1.name}}</span>
            </div>
        </div>

在这里，我检查当前项目和下一个项目的部分是否相同，如果它是最后一个项目，则当前项目和上一个项目的部分是否相同，并根据我显示的 subName 或名称。我希望这个解决方案对您有用。

更新:

    var app = angular.module('myApp', []);
    app.controller('myCtrl', function($scope) {
        $scope.myArray = [{
            "id": 100,
            "child": [{
                "id": 76,
                "part": 30,
                "name": 14,
                "subName": 14.3,
            }, {
                "id": 71,
                "part": 30,
                "name": 14,
                "subName": 14.2,
            }, {
                "id": 70,
                "part": 30,
                "name": 14,
                "subName": 14.1,
            }]
        }, {
            "id": 101,
            "child": [{
                "id": 77,
                "part": 33,
                "name": 16,
                "subName": 16.1,
            }, {
                "id": 76,
                "part": 30,
                "name": 14,
                "subName": 14.3,
            }, {
                "id": 75,
                "part": 29,
                "name": 12,
                "subName": 12.1,
            }]
        }]
    });

<html ng-app="myApp" ng-controller="myCtrl">
   <head>
      <title></title>
      <meta charset="utf-8" />
      <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
   </head>
   <body>
      <div ng-repeat="item in myArray">
         ============<br />
         <div ng-repeat="item1 in item.child">
            <span>{{(item1.part==item.child[$index+1].part ||
            ($index==item.child.length-1 &&
            item1.part==item.child[$index-1].part))?item1.subName:item1.name}}</span>
         </div>
      </div>
   </body>
</html>

关于javascript - 比较 ng Repeat 中的每最后两条记录，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/43045092/

25

4

0

文章推荐： javascript - Sequelize 编写此代码的更好方法

文章推荐： javascript - 对 Load() 内容运行验证

文章推荐： jQuery点击函数和超时

python - NetworkX Graph 对象的“同构”比较，而不是默认的 'address' 比较
我想使用 NetworkX Graph 对象作为 Python dict 中的键。但是，我不希望默认的比较行为(即通过对象的地址)。相反，我希望同构图是 dict 中相同元素的键。此行为是否已在某处
比较 float
这个问题已经有答案了: What is the most effective way for float and double comparison? (33 个回答) 已关闭 7 年前。在您认为我
C字符串与字符的输入、比较
我正在学习 C 编程，为了练习，我找到了一个需要解决的任务。这有点像一个游戏，有人选择一个单词，其他人猜测字母。我必须检查有多少给定的单词可能是所选单词的正确答案。输入: 3 3//数字 n 和 m
比较 If 语句中的字符
我两天前开始学习C，在做作业时遇到了问题。我们的目的是从字符数组中获取字符列表，并通过计算连续字符并将其替换为数字来缩短它。对“a4b5c5”说“aaaabbbbbccccc”。这是我到目前为止的代码
比较 if 语句中的指针值
已关闭。此问题需要 debugging details 。目前不接受答案。编辑问题以包含 desired behavior, a specific problem or error, and the
JavaScript 比较
为什么我在 if 中的比较不起作用？答案应该是 8 但它返回 0。 function findMissing(missingArray){ var getArray = missing
JavaScript 比较
我想知道为什么以下 JavaScript 比较会给出不同的结果。 (1==true==1) true (2==true==2) false (0==false==0) false (0==false)
比较、组合和确定字符串的长度？
我想知道是否有人可以帮助我完成这个程序。编写一个接受两个字符串的函数。该函数应该将这两个字符串与字典顺序上排在第一位的字符串组合起来。两个字符串之间应该有一个空格。在一行上打印结果字符串。在一行上打印
JavaBeans 比较
有谁知道一个免费的开源库(实用程序类)，它允许您比较一个 Java bean 的两个实例并返回一个属性列表/数组，这两个实例的值不同？请发布一个小样本。干杯托马斯最佳答案 BeanCompara
Java - 比较
我是java新手。任何人都可以给出以下类声明的含义 public class ListNode, V> { K key; V value; ListNode next;
比较 C 中不同大小的矩阵乘法执行时间
我需要用 C 语言计算和比较 3 种不同大小(100 * 100、1000 * 1000 和 10000 * 10000)的 2 个矩阵相乘的执行时间。我编写了以下简单代码来为 1000 * 1000
聚合函数上的 SQL 比较
当我在 ACCESS 2007 中运行以下 SQL 时 Select Location, COUNT(ApartmentBuildings) AS TotalIBuildingsManaged Fro
multithreading - 互斥体与监视器——比较
根据我对互斥锁的了解——它们通常提供对共享资源的锁定功能。因此，如果一个新线程想要访问这个锁定的共享资源——它要么退出，要么必须不断轮询锁(并在等待锁时浪费处理器周期)。但是，监视器具有条件变量，它
Oracle NUMBER 比较
通常在编程中，不应该比较浮点数据类型是否相等，因为存储的值通常是近似值。由于两个非整数 Oracle NUMBER 值的存储方式不同(以 10 为基数)，是否可以可靠地比较它们是否相等？最佳答案
powershell - 没有隐式类型转换的身份运算符/比较
使用 PowerShell 时，我们偶尔会比较不同类型的对象。一个常见的场景是 $int -eq $bool (即其中 0 -eq $false 、 0 -ne $true 和任何非零值仅等于真，但不
比较 2 个字符串并保存结果
#include #define MAX 1000 void any(char s1[], char s2[], char s3[]); int main() { char string1[
c# - 比较.net中的日期
我想比较两个日期。从这两个日期中，我只使用 ToShortDateString() 获取日期组件，如下所示。现在的问题是当我比较两个日期时。它的 throw 错误—— "Operator >= c
iphone - 比较 NSNumber
用户输入一个数字( float 或整数)，并且它必须大于下限。这是从 UITextField 获取数字的代码: NSNumberFormatter * f = [[NSNumberFormatter
Javascript 子字符串验证/比较
我已经摆弄这段代码大约一个小时了，它让我难以置信。我认为解决方案相当简单，但我似乎无法弄清楚。无论如何，这里去。我制作了一个 javascript 函数来检查用户输入的字符，以便它只能接受 7 个字符
Scala 类和案例类 == 比较
我不太明白为什么当我们在不覆盖 equals 的情况下比较具有相同类属性的两个实例时方法，它将给出 false .但它会给出 true当我们比较一个案例类的两个实例时。例如 class A(val

首页

博学

6Ren·AI

商城

javascript - 比较 ng Repeat 中的每最后两条记录