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-click="go('/app/applications%2F1122')" href="">App 1122</a></p>
</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 ($rootScope, $location) {
$rootScope.go = $location.path.bind($location);
$location.path('/app/applications%2F1121');
})
.controller('AppController', function ($scope, $routeParams) {
$scope.appId = $routeParams.appId || 'apps';
console.log($scope.go)
})