Question

所以我有一些像这样的json数据：

{
  "id": 2,
  "itemList": [
    {
      "id": 7,
      "name": "xx",
      "extraInfo": "45",
      "tax": 21.00,
      "price": null,
      "oneTimeItem": false,
      "fkIdUserItem": 2,
      "purchasePrice": 45.00,
      "priceWorkhour": 43.00,
      "isItemWorkhour": true,
      "quantity": 45,
      "quantityKeepTrack": true,
      "vat": 21.00
    },
    {
      "id": 8,
      "name": "5",
      "extraInfo": "454",
      "tax": 0.10,
      "price": 10.11,
      "oneTimeItem": false,
      "fkIdUserItem": 2,
      "purchasePrice": 0.16,
      "priceWorkhour": 6.00,
      "isItemWorkhour": false,
      "quantity": 1,
      "quantityKeepTrack": true,
      "vat": 0.10
    },
    {
      "id": 9,
      "name": "Kussen",
      "extraInfo": null,
      "tax": 21.00,
      "price": 20.00,
      "oneTimeItem": false,
      "fkIdUserItem": 2,
      "purchasePrice": 15.00,
      "priceWorkhour": 45.20,
      "isItemWorkhour": false,
      "quantity": 100,
      "quantityKeepTrack": true,
      "vat": 21.00
    },
    {
      "id": 10,
      "name": "45",
      "extraInfo": "45",
      "tax": 4.00,
      "price": 45.00,
      "oneTimeItem": false,
      "fkIdUserItem": 2,
      "purchasePrice": 0.00,
      "priceWorkhour": null,
      "isItemWorkhour": false,
      "quantity": null,
      "quantityKeepTrack": false,
      "vat": 4.00
    }
  ],
  "email": "2@2",
  "password": null,
  "lastName": "2",
  "firstName": "2",
  "authority": "USER_ROLE",
  "enabled": true
}

但是现在我想对数据进行排序，例如，如果价格不等于null，则数据显示在表1中，否则数据显示在表2中。

我已将列表存储在localstorage中，但找不到任何好的示例，我将如何处理此事。

现在数据会像这样保存到表中

    self.tableParams = new NgTableParams({}, {
        filterDelay: 0,
        data: $localStorage.itemArray
    });

但我想根据价格状态添加过滤器。任何想法

Answer 1

如果您只想过滤NULL / NOT NULL，可以使用此synthax：

//return all non-null objects becuse !!(null) === Not(Not(false)) === false
<div ng-repeat="item in data.itemList | filter:{ price: '!'}">
//return all null objects becuse !(null) === Not(false) === true
<div ng-repeat="item in data.itemList | filter:{ price: '!!'}">

var app = angular.module('App', []);
app.controller('Ctrl', function($scope) {
  $scope.data = {
    "id": 2,
    "itemList": [{
      "id": 7,
      "name": "xx",
      "extraInfo": "45",
      "tax": 21.00,
      "price": null,
      "oneTimeItem": false,
      "fkIdUserItem": 2,
      "purchasePrice": 45.00,
      "priceWorkhour": 43.00,
      "isItemWorkhour": true,
      "quantity": 45,
      "quantityKeepTrack": true,
      "vat": 21.00
    }, {
      "id": 8,
      "name": "5",
      "extraInfo": "454",
      "tax": 0.10,
      "price": 10.11,
      "oneTimeItem": false,
      "fkIdUserItem": 2,
      "purchasePrice": 0.16,
      "priceWorkhour": 6.00,
      "isItemWorkhour": false,
      "quantity": 1,
      "quantityKeepTrack": true,
      "vat": 0.10
    }, {
      "id": 9,
      "name": "Kussen",
      "extraInfo": null,
      "tax": 21.00,
      "price": 20.00,
      "oneTimeItem": false,
      "fkIdUserItem": 2,
      "purchasePrice": 15.00,
      "priceWorkhour": 45.20,
      "isItemWorkhour": false,
      "quantity": 100,
      "quantityKeepTrack": true,
      "vat": 21.00
    }, {
      "id": 10,
      "name": "45",
      "extraInfo": "45",
      "tax": 4.00,
      "price": 45.00,
      "oneTimeItem": false,
      "fkIdUserItem": 2,
      "purchasePrice": 0.00,
      "priceWorkhour": null,
      "isItemWorkhour": false,
      "quantity": null,
      "quantityKeepTrack": false,
      "vat": 4.00
    }],
    "email": "2@2",
    "password": null,
    "lastName": "2",
    "firstName": "2",
    "authority": "USER_ROLE",
    "enabled": true
  };
});

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script>

<body ng-app="App" ng-controller="Ctrl">
  NOT NULL
  <div ng-repeat="item in data.itemList | filter:{ price: '!!'}">
    {{item.id}}
  </div>
   NULL
  <div ng-repeat="item in data.itemList | filter:{ price: '!'}">
    {{item.id}}
  </div>
</body>

过滤json数组并根据使用angularjs的数组项显示2个表中的数据

1 个答案: