фильтровать массив json и показывать данные в 2 таблицах в зависимости от элемента массива с помощью angularjs

Question

фильтровать массив json и показывать данные в 2 таблицах в зависимости от элемента массива с помощью angularjs

0

Поэтому у меня есть некоторые данные 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
}

Но теперь я хочу сортировать данные, если, например, цена не равна нулю, данные показаны в таблице 1, иначе данные показаны в таблице 2.

Я сохранил список в localstorage, но не могу найти хороших примеров, как я мог бы продолжить это.

Теперь данные сохраняются в таблице следующим образом:

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

Но я хочу добавить фильтр в зависимости от состояния цены. Есть идеи

Greg 30 окт. 2015, в 13:40

Источник

Теги:

angularjs

json

1 ответ

Ещё вопросы

IggY · Accepted Answer · 2015-10-30T09-29-00.000Z

Если вы просто хотите фильтровать NULL/NOT NULL, вы можете использовать этот синтаксис:

//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="/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>

Спасибо за этот фрагмент кода, я получил, я работаю сейчас