检查数组是否在 Angular 中有值

Question

我必须检查 "cuesData" 中是否有任何值或长度大于 0。在我下面的代码中，我只能检查第一个数组而不能检查其他数组。

TS

checkValues(values) {
    const result = Object.values(values).every((value) => value[1].cuesData.length > 0);
    return result;
}

HTML

<div *ngIf="checkValues(values) === true">

JSON

  [
      [
        "videoData__1",
        {
          "id": 1,
          "title": "Pale Blue Dot",
          "stoppedAt": 97.834667,
          "cuesData": [
            {
              "startTime": 25.335678,
              "endTime": 35.335678,
              "description": "fqff"
            }
          ]
        }
      ],
      [
        "videoData__2",
        {
          "id": 2,
          "title": "Big Buck Bunny",
          "stoppedAt": 247.57881,
          "cuesData": []
        }
      ],
      [
        "videoData__3",
        {
          "id": 3,
          "title": "Elephants Dream",
          "stoppedAt": 404.585327,
          "cuesData": []
        }
      ]
]

Answer 1

你可以使用一些方法：

*ngIf="CheckValues(values)"

功能：

CheckValues(values : any[]){
   return values.some(v=>v[1].cuesData&&v[1].cuesData.length); //if any array has cuesData, some will return true
}

关于 some 的更多信息：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/some

Answer 2

改变，

checkValues(values) {
    const result = Object.values(values).every((value) => value[1].cuesData.length > 0);
    return result;
}

到

checkValues(values){
  const result = Object.values(values).some((value) => value[1].cuesData.length > 0);
  return result;
}

Working Stackblitz: https://stackblitz.com/edit/my-angular-starter-j4yypu

此处 .every() 方法将检查是否满足所有条件，但是 some() 方法工作时至少有一个条件为真..

没有线索的 Stackblitz 数据长度：https://stackblitz.com/edit/my-angular-starter-cfpxa5

检查数组是否在 Angular 中有值

Check If Array Has Value in Angular

javascript

arrays

typescript

ecmascript-2016

angular