JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.2/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.2/angular-route.min.js"></script>
<div ng-app="app" ng-view="">
</div>

JavaScript

angular.module('app', ['ngRoute'])
  .controller('ctrl', ['$location', '$scope', function($location, $scope) {
    $scope.go = function() {
      $location.url('/other');
    };
  }])

	.controller('test', ['$route', '$location', '$scope', '$timeout', function($route, $location, $scope, $timeout) {
  	$scope.home = function() { $location.url('/'); };
    $scope.reload = function() { $route.reload(); };
    $scope.newReload = function() {
    	var reload = $location.url();
      $location.url('');
      $timeout(function() { $location.url(reload); });
    };
  }])

  .config(['$routeProvider', function($routeProvider) {
      $routeProvider
          .when('/other', {
              resolve : {load:function() { console.log('resolve'); }},
              redirectTo : function() { console.log('redirectTo'); },
              template : function() {
                console.log('template');
                return '<button ng-click="home()">Back</button><br><button ng-click="reload()">$route.reload()</button><br><button ng-click="newReload()">Full reload</button>'
              },
              controller : 'test'
          })
          .otherwise({
              template : '<button ng-click="go()">Try</button>',
              controller  : 'ctrl'
          })
      ;
  }])

;