Angular 将特定数据检索到 $scope 变量中不起作用

我这里初始化

 $scope.statuses = [];

然后，如果我只是将 $http.get 中的数据设置为 $scope 变量，那么“有效”，但我需要对其进行更多过滤。

$scope.statuses = result.data.Devices; 
console.log($scope.statuses);

这会在开发工具控制台输出中返回这样的数据数组

0：对象 $$哈希键 ： “对象：5” 援助 ： “oAAABTUAAg==” DKi指数 ： “DKi00000002” 默认有效负载 ： “C:\程序数据\” 设备ID ： “00022B9A000000010001” 设备状态 ： 3 清单ID列表 ： 数组[3] 待处理清单 ID ： 无效的 待处理时间戳 ： “0001-01-01T00:00:00” 沙 ： “R2tiZRQgY/iohXZt5O4HaQwtVe/adWU2VOcKaelJ3Us=” 暂存清单 ID 列表 ： 数组[0]

不过我只想要一些具体数据

$scope.statuses = result.data.Devices.DeviceStatus;

为什么它说“未定义”？我该怎么做？

所以 0：对象 DeviceStatus 存在..：/

<div ng-app="app" ng-controller="DeviceController as vm">


...
        <tr ng-repeat="device in vm.devices">
             <td>{{device.DeviceId}}</td>
             <td>{{device.DeviceStatus}}</td>
             <td>{{device.Aid}}</td>
             <td>{{device.Sha}}</td>
        </tr>
...

本质上我希望在 Javascript /Angular (.js) 进入 ng-repeat 循环之前操作数据

那么 $scope 是否是正确的使用方式呢？

我知道我有一些数据需要更改，例如

字段中的某些数据被 [] 包围，例如[01,02,03]这样做 {{ device.aid.join(',') }} 会“修复”[] 问题，但我需要有一些这样的功能？我可以在哪里使用这个？

// usage {{displayArchived(item.archives)}}
$scope.displayArchived = function(archives){
    return (archives.length > 0) ? archives.join(',') : 'none';
};

那么“let”对 DeviceStatus 的数量有帮助吗？

  let statuses = ['Old Device', 'New Device', 'Activated', 'Unactivated'];

在这种情况下，result.data.Devices是一个对象数组，看起来像这样：

[
   {DeviceId : "00022B9A000000010001" DeviceStatus : 3 .... },
   {DeviceId : "00022B9A000030011111" DeviceStatus : 9 ...},
   ....
]

所以当你试图得到result.data.Devices.DeviceStatus，没有名为的数组元素DeviceStatus，这就是你回来的原因undefined.

您将需要遍历设备数组来获取特定设备的DeviceStatus:

angular.forEach(result.data.Devices, function(value, index){
           $scope.statuses.push(value.DeviceStatus);
         });

或者，如果您知道自己想要哪个设备，则可以直接访问：

var index = 1;
$scope.statuses = result.data.Devices[index].DeviceStatus;

EDIT:

如果您想获取所有设备并使用模板显示 {{ device.DeviceStatus }}，这里有一个解决方案：

Code:

$scope.devices = result.data.Devices;

模板：

<div ng-repeat="device in devices">
    {{ device.DeviceStatus }} 
</div>

在我们的代码中，我们分配request.data.Devices数组到$scope.devices。然后在模板中，我们使用ng-repeat去经历每一个device in $scope.devices并显示设备的DeviceStatus.

EDIT2:

为了将 DeviceStatus 与其实际名称相匹配，您可以创建自定义过滤器。

在您的代码中创建过滤器：

app.filter('deviceStatus', function () {
  return function (status_id) {
      var statuses = ['Old Device', 'New Device', 'Activated', 'Unactivated'];
      return statuses[status_id];
  };
});

您现在可以在模板中使用新的过滤器：

<td>{{device.DeviceId | deviceStatus}}</td>

我们用管道输送DeviceId进入我们的习惯deviceStatus过滤器以便在模板中获取正确的状态名称。