javascript - 如何将这些值操作为相关的列 id？

Question

所以我从 REST API 获取这些值。但是，它没有字段。我试图将每个数组中的每个值分配给一条记录和相应的列。

我如何从后端服务获取数据:

[["name1", null,0]], [["name2", null, 2]], [["name3", null, 1]]

这就是我需要的:

<强>{类型:空，姓名:姓名1，数量:0},

<强>{类型:空，姓名:姓名2，数量:2}

<强>{类型:空，姓名:姓名3，数量:1}

此外:我尝试将每个值分配给一个字段。我这样做是为了能够通过与列 id 对应的每条记录将这些字段映射到表。

Answer 1

使用 map 功能。我假设您返回的数据是一个包含单个“元组”元素的数组，其中元组在位置 0、1 和 2 处具有“名称”、“类型”和“计数”属性的属性。

下面是一个示例，它获取您的服务器数据并按照我认为您所要求的方式映射它。

angular.module('myApp', [])
  .controller('MainController', function MainController() {
    // Your server output
    var serverOutput = [
      [
        ["name1", null, 0]
      ],
      [
        ["name2", null, 2]
      ],
      [
        ["name3", null, 1]
      ]
    ];
    var self = this;

    self.$onInit = function $onInit() {
      self.items = serverOutput.map(function toItemType(serverArr) {
        return {
          type: serverArr[0][1],
          Name: serverArr[0][0],
          Count: serverArr[0][2]
        };
      });
    };
  });

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>
<div ng-app="myApp">
  <div ng-controller="MainController as $ctrl">
    <div ng-repeat="item in $ctrl.items" style="margin-bottom: 10px">
      <div>Type: {{::item.type}}</div>
      <div>Name: {{::item.Name}}</div>
      <div>Count: {{::item.Count}}</div>
    </div>
  </div>
</div>