JSFiddle - React, Tailwind, and code Playground

by marcolepsy

HTML

<script src="https://code.angularjs.org/angular-1.0.1.js"></script>
<div ng-controller="MyCtrl">
    <p>RandomCase: {{ aStringRandomCase }}</p>
    <p>InterCase: {{ aString | interCase }}</p>
</div>

JavaScript

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

myApp.filter('interCase', function() {
    return function (input) {
        console.log("inter");
        f = true;
        return input.replace(/./g, function(c) {
          if ((f = !f)) {
            return c.toUpperCase();
          } else {
            return c;
          }
        });
    }
});

myApp.filter('randomCase', function() {

        return _.memoize(function (input) {
            console.log("random");
            return input.replace(/./g, function(c) {
                if (Math.random() > 0.5) {
                    return c.toUpperCase();
                } else {
                    return c;
                }
            });
        });

});
function MyCtrl($scope, $filter) {
    $scope.aString = "bonjour";
    $scope.aStringRandomCase = $filter('randomCase')($scope.aString);
}