JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdn.bootcss.com/angular.js/1.3.14/angular.js"></script>
<body>
    <div ng-app="myApp" ng-controller="myCtrl">
        <p>{{ x1 }}</p>
        <p>{{ x2 }}</p>
    </div>
    <script>
        var app = angular.module('myApp', []);
        app.controller('myCtrl', function($scope) {
            $scope.x1 = "JOHN";
            $scope.x2 = angular.isString($scope.x1);
        });
    </script>
</body>