JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="myApp" ng-controller="myCtrl">
    
    <div ng-repeat="row in list">
        {{ row.value | picker:row.filter }}
    </div>
    
</div>

JavaScript

var app = angular.module('myApp', []);

app.filter('picker', function($filter) {
  return function(value, filterName) {
    return $filter(filterName)(value);
  };
});

app.controller('myCtrl', function($scope, $filter) {
  $scope.list = [
    {"value": "uppercase text", "filter": "uppercase"},
    {"value": new Date(), "filter": "date" }
  ];
});