I cloned the repository and implemented ui-router it is working fine.
I used text editor and browser-sync as a server to run the theme.
Steps I followed:
1) Removed pageContent div from index.html and added the code in page-content.html file in same folder.
2) Added angular.min.js and angular-ui-router.min.js in 'vendor/angular' folder.
3) Create the route file /production/js/ui-routing.js as follow:
(function(){
'use strict';
angular.module('App', ['ui.router']);
angular.module('App')
.config(RoutesConfig);
RoutesConfig.$inject = ['$stateProvider', '$urlRouterProvider'];
function RoutesConfig($stateProvider, $urlRouterProvider) {
$urlRouterProvider.otherwise('/');
$stateProvider
.state('home', {
url : '/',
templateUrl : '/production/page-content.html'
});
}
})();
add the path in index.html as below:
<script src="../vendors/angular/angular.min.js"></script>
<script src="../vendors/angular/angular-ui-router.min.js"></script>
<script src="js/ui-routing.js"></script>
4) Add this snippet in index.html file:
<div ng-app="App">
<ui-view></ui-view>
</div>
Please note that your Html file path in a ui-routing.js can be different if you are not using a server to run the theme. Also, page-content.html may contain some paths that you need to change in order to display images and all. Other than that given solution works fine.