I am currently facing a challenge with integrating the ui-router into my angular application. It seems to be working fine, but for some reason, the template is not being rendered and no errors are showing up.
html layout file
div.navbar.navbar-default.navbar-fixed-top
ul.nav.navbar-nav
li
a(ui-sref='index') Home
li
a(ui-sref='about') About
div.container
div.view-frame(ui-view)
Partials for Home (about looks similar)
div.row(ng-controller='HomeCtrl')
div.col-sm-12
h1.lead Welcome
My routes
$stateProvider
.state('about', {
url: '/about/',
templateUrl: '/partials/about.html'
//template: '<h1>Test</h1>' doesn't work as well
})
.state('index', {
url: '/',
templateUrl: '/partials/index.html'
})
Upon clicking on a link, I can see that the partial templates are getting loaded and even the URL changes accordingly. In fact, I can view the correct preview of the HTML in the Chrome developer tool. However, the only issue is that the ui router does not load it into the ui-view directive.
I am using the latest versions of Chrome and ui-router. All my partials are being loaded via API, although I don't think that should be causing the problem. Previously, I used the normal route provider which worked without any issues. I'm trying to "upgrade" to ui-router now.
Could it be that I am missing something or have I stumbled upon a bug?