JSFiddle - React, Tailwind, and code Playground
HTML
<div ng-app="app">
<div ng-controller="Ctrl">
No filter: {{greeting}}<br>
linkifyStuff: {{greeting|linkifyStuff}}
</div>
</div>
JavaScript
var app = angular.module("app",[]);
app.filter('sanitizeStuff', function() {
return function(input){
return input + "sanitizeStuff";
};
});
app.filter('prettifyStuff', function() {
return function(input){
return "prettifyStuff" + input;
};
});
app.filter('linkifyStuff', function(sanitizeStuffFilter,prettifyStuffFilter) {
return function(text) {
return sanitizeStuffFilter(text) + ' whatever ' + prettifyStuffFilter(text);
}
});
function Ctrl($scope){
$scope.greeting = "test";
}