JSFiddle - React, Tailwind, and code Playground

by bullgare

HTML

<!DOCTYPE html>
<html>
<head></head>
<body>
    <div ng-app="e">
        <div>
            <a href="#/">cat</a>
            <a href="#/rate">rate</a>
        </div>
         {[1 + 1]}
        <div ng-view=""></div>
        <script type="text/ng-template" id="page-cat">
            1{[a]}
        </script>
        <script type="text/ng-template" id="page-rate">
            {[a]}
        </script>
    </div>
</body>
</html>

JavaScript

var App = angular.module('e', []);
App.config(function ($interpolateProvider, $routeProvider) {
    $interpolateProvider.startSymbol('{[');
    $interpolateProvider.endSymbol(']}');

    $routeProvider.
        when('/', {templateUrl: 'page-cat', controller: 'CatCtrl'} ).
        when('/rate', {templateUrl: 'page-rate', controller: 'RateCtrl'} ).
        otherwise({redirectTo: '/'} );
});

function CatCtrl($scope)
{
    $scope.a = 'CatCtrl';
}

function RateCtrl($scope)
{
    $scope.a = 'RateCtrl';
}