JSFiddle - React, Tailwind, and code Playground

by shriek

HTML

<div ng-app="">
    <div ng-controller="FirstCtrl">
        <p class="{{ data.message }}">{{ reverse(data.message1) }}</p>
    </div>
</div>

CSS

.green {
    color :green;
}
.blue {
    color :blue;
}
.red {
    color:red;
}

JavaScript

function FirstCtrl($scope) {
    $scope.data = {
        message1: "Yojan Shrestha",
            "id": "1",
            "class": "red"
    };
    $scope.reverse = function(arg){
        return arg.split("").reverse().join("");
    };
}