JSFiddle - React, Tailwind, and code Playground
HTML
<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.20/angular-route.min.js"></script>
<div ng-app="app">
<script type="text/ng-template" id="app.html">
Hello, {{appId}}
<p><a ng-href="#/app/applications%2F1122">App 1122</a>
</script>
<div ng-view></div>
</div>
JavaScript
angular.module('app', ['ngRoute'])
.config(function ($routeProvider) {
$routeProvider
.when('/apps', {
templateUrl: 'app.html',
controller: 'AppController',
})
.when('/app/:appId?', {
templateUrl: 'app.html',
controller: 'AppController'
})
.otherwise({
redirectTo: '/apps'
})
})
.run(function ($location) {
$location.path('/app/applications%2F1121')
})
.controller('AppController', function ($scope, $routeParams) {
$scope.appId = $routeParams.appId || 'apps';
})