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" }
];
});