The issue I'm facing is that the template <h1>HELLO</h1> is not loading into the nested ui-view in analysis.client.view.html. However, the ui-view in the analysis.client.view.html file is being loaded successfully. I've tried naming the nested ui-view but it doesn't seem to make a difference. Any assistance would be greatly appreciated. Thank you.
oct.client.routes.js file
'use strict';
//Setting up route
angular.module('oct').config(['$stateProvider',
function($stateProvider) {
// Projects state routing
$stateProvider.
state('octAnalysis', {
url: '/oct_analysis',
templateUrl: 'modules/oct/views/sidebar.client.view.html'
});
$stateProvider.
state('octView', {
url: '/oct_view',
templateUrl: 'modules/oct/views/analysis.client.view.html'
})
.state('octView.sidebar', {
template: '<h1>HELLO</h1>'
});
}
]);
analysis.client.view.html file
<section class="analysis" ng-controller="AnalysisCtrl">
<div id="sidenav-cntnr">
<md-sidenav md-component-id="left" class="md-sidenav-left" md-is-open="" md-is-locked-open="menuPinned">
Left Nav!
<div id="pin-cntnr">
<button ng-click="togglePinLeftMenu()">Pin</button>
<button ng-click="closeLeftMenu()">Close</button>
</div>
<div ui-view></div>
</md-sidenav>
</div>
</section>