JSFiddle - React, Tailwind, and code Playground

HTML

<body ng-app="APP">
    <div ng-controller="TicTacToeCtrl">
        <button ng-click="next()">Next</button>
        turn is {{vm.turn}}
    </div>
</body>

JavaScript

(function()
{
    angular
    .module('APP',[])
        .controller('TicTacToeCtrl', function($scope)
        {
            $scope.vm = this;
            $scope.vm.addPiece = $scope.addPiece;
            $scope.vm.turnCounter = 0;
            $scope.vm.turn = 'Player 1';
    
            $scope.addPiece = function(obj)
            {
                if (obj.p1 || obj.p2)
                    obj.p1 = true;
                vm.turnCounter++;
            }
    
            $scope.getTurn = function()
            {
                console.log($scope.vm.turnCounter);
                return ($scope.vm.turnCounter % 2 == 0) ? 'Player 1' : 'Player 2';
            }
            
            $scope.next = function()
            {
                $scope.vm.turnCounter++;
                $scope.vm.turn = $scope.getTurn();
            }
        }); 
})();