JSFiddle - React, Tailwind, and code Playground

HTML

<body ng-app="myApp" ng-controller="myController">
<div ng-class="class">Current class is: {{class}}</div>
<button ng-click="toggleClass()">Toggle Class</button>
</body>

CSS

div{ padding: 10px; color: #fff; }
.defaultClass{ background: #148fa1; }
.newClass { background: #2e7cb8; }

JavaScript

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

//Toggle Class
app.controller("myController", function($scope){	    
    $scope.class = "defaultClass";
    
    $scope.toggleClass = function(){
        if ($scope.class === "defaultClass")
            $scope.class = "newClass";
        else
            $scope.class = "defaultClass";
    };
});