javascript - 将 ng-repeat 与数组中的键一起使用

标签 javascript arrays angularjs angularjs-ng-repeat

我有一个模拟 Cassandra 数据库的对象,我在其中检索其数据以将其显示在 AngularJs 应用程序上。不幸的是,我无法为我的数组制作预制 header ,因为键可能会发生变化,具体取决于我将检索的数据(这是我正在谈论的示例):

var columnFamilyData = {
  "DocInfo": {
    "4c58abf5": {
      "name": "coucou",
      "extension": "pdf",
      "size": 8751,
      "type": "facture",
      "repository": "archive"
    },
    "8cd524d7a45de": {
      "name": "gerard",
      "extension": "xml",
      "size": 48734,
      "type": "compta",
    },
    "5486d684fe54a": {
      "name": "splendide",
      "extension": "tiff",
      "type": "photos",
      "METADATA_A": "jambon"
    }
  },
  "Base": {
    "BASE_A": {
      "name": "BASE_A",
      "description": "That base is truly outrageous, they are truly, truly outrageous",
      "baseMetadata_1": "METADATA_A",
      "baseMetadata_2": "METADATA_B",
      "baseMetadata_3": "METADATA_C"
    },
  },
}

正如你所看到的,DocInfoBase中的数组是不同的,数据和键。

我想要做的是能够使用我的 ng-repeat 创建一个带有 key 名称的 <th> 行(例如 ExtensionMETADATA_A ),但只能一次,因为 ng-repeat 可能会重复此信息。

我还提供了 JSFiddle ,如果它可以帮助你们中的任何人理解我的目标。

感谢您的阅读和/或回答,祝您有美好的一天。

最佳答案

问题并不完全清楚,但似乎您想要“(key, val) in object” syntax .

ng-repeat="(name, age) in {'adam':10, 'amalie':12}"

关于javascript - 将 ng-repeat 与数组中的键一起使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24380959/

相关文章:

javascript - 我一直试图用 javascript 创建动态排行榜

javascript - jquery遍历和使用选择器

AngularJS 将 $http 服务放到单独的文件中

javascript - 从外部调用 Angular Controller 的方法

javascript - 在 AngularJS 和 Node 作为后端发送 sendgrid 电子邮件时未调用 app.post 方法

javascript - <select> 标签中的列结构

javascript - 创建 d3.js 计时器的问题

algorithm - 最小长度 L 的最大连续子序列和

javascript - 在交替的正方形中填充二维数组

javascript - 为什么JS的日期会这样呢?