JSFiddle - React, Tailwind, and code Playground

by Zaiste

HTML

<link rel="stylesheet" href="//cdn.jsdelivr.net/foundation/4.3.1/css/foundation.min.css">
<body ng-app="app" ng-controller="MainCtrl">
    <h1>Orginal: {{message}}</h1>
    <h1>w/ filter: {{message | reverse }}</h1>
</body>

JavaScript

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

app.controller('MainCtrl', function($scope) {
    $scope.message = 'This is simple message';
});

app.filter('reverse', function() {
    return function(input, param) {
        return input.split("").reverse().join("");
    }
});