JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.min.js"></script>
<div ng-app>
    
    <a ng-href="#/service/service1" ng-click="variable = 'service1'">first link</a><br />
    <a ng-href="#/service/service2" ng-click="variable = 'service2'">second link</a><br />
    <br />
    {{variable}}
    <button onclick="window.history.back()">back button</button>
    <br />
    The <b>variable</b> is changing, when I click the links (anchors), but it don't change when I press back button (in browser, or this one)
</div>

JavaScript

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

app.config(['$routeProvider', function($routeProvider) {
   $routeProvider.when('/service/:serviceId', {
        template: 'template! {{serviceId}}',
        controller: TestController
    })
    .otherwise({redirectTo: '/service/service1'});
}])

function TestController() {
    console.log("controller called")
}