JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="app" ng-controller="ctrl">
  <ul>
    <li ng-repeat="account in pickupAccounts | department">{{ account.id }}</li>
  </ul>
</div>

JavaScript

angular.module("app", [])
  .controller("ctrl", function($scope) {
    $scope.pickupAccounts = [{
      id: 1
    }, {
      id: 2
    }, {
      id: 3
    }, {
      id: 4
    }]
  }).filter("department", function($filter) {
    return function(items, args) {
      var output = [];
      for (var i = 0; i < items.length; i++) {
        output[i] = {};
        output[i] = items[i];
        //output[i].product = items[i]; // this doesn't work
      }
      return output;
    }
  })