JSFiddle - React, Tailwind, and code Playground

by scyrizales

HTML

<div id="test" ng-app="app" ng-controller="Ctrl1">
    Hola <span ng-bind="mundo"></span>
    <input type="text" value="{{mundo}}">
        <textarea name="" id="" cols="30" rows="10" ng-model="mundo"></textarea>
    <div ng-show="mostrar">
        algo
    </div>
    <button ng-click="mostrar = !mostrar">
        Mostrar
    </button>
    <div ng-controller="Ctrl2">
        {{ a }}
    </div>
    <div ng-controller="Ctrl3 as c">
        <input type="radio" ng-model="upper" value="1">Upper
        <input type="radio" ng-model="upper" value="0">Lower
            <br>
        {{ c.variable | reverse:upper }}
    </div>
</div>

JavaScript

angular.module("app", []).
filter('reverse', function() {
    return function(input, uppercase) {
        var out = "";
        for (var i = 0; i < input.length; i++){
        out = input.charAt(i) + out;
            }
        if (uppercase == "1")
            out = out.toUpperCase();
        return out;
    }
});
function Ctrl1($scope){
    $scope.a = "otro1"
}
function Ctrl2($scope){
    $scope.b = "otro2"
}
function Ctrl3() {
    this.variable = "uno mas";
}