Im trying to use state routing with ion-nav-view. My states are defined as:
app.config(function($stateProvider, $urlRouterProvider) {
$stateProvider
.state('index', {
url: '^/',
templateUrl: '/templates/home.html'
})
.state('ussie', {
url: '^/detail/:id',
templateUrl: '/templates/detail.html'
});
// internal redirect to '/' as default
$urlRouterProvider.otherwise("/");
});
Home page renders just fine but when I click on an item, it fails to load the detail view giving me an error:
Error: Could not resolve '/detail/0' from state 'index'
at Object.transitionTo (http://localhost:8100/lib/ionic/js/ionic.bundle.js:33832:39)
at Object.go (http://localhost:8100/lib/ionic/js/ionic.bundle.js:33715:19)
at http://localhost:8100/lib/ionic/js/ionic.bundle.js:34805:20
at http://localhost:8100/lib/ionic/js/ionic.bundle.js:22538:28
at completeOutstandingRequest (http://localhost:8100/lib/ionic/js/ionic.bundle.js:13040:10)
at http://localhost:8100/lib/ionic/js/ionic.bundle.js:13347:7 ionic.bundle.js:18364
I am using ui-sref links in home.html to link to the detail page.