Hi All, I'm trying to work on multiples views inside a single state. Basically, when the state 'home' loads, I want to load the 2 named views but it's not working. I've followed the rules on this and this.
Here is my index.html / main page
<body ng-app="starter">
<ion-pane>
<ion-nav-view name="a1">
</ion-nav-view>
<ion-nav-view name="a2">
</ion-nav-view>
</ion-pane>
</body>Here is my app.js
var app = angular.module('starter', ['ionic']);
app.config(function($stateProvider,$urlRouterProvider) {
$stateProvider
.state('home', {
url: '/home',
views: {
'': { templateUrl: 'templates/default.html' },
'a1@home' : { templateUrl: 'templates/1.html' },
'a2@home' : { templateUrl: 'templates/2.html' }
}
})
$urlRouterProvider.otherwise('/home');
})
As you can see, when the 'home' is triggered, it should supply the contents of a1 and a2 to their respective ion-nav-view, but it's not happening. Nothing is displayed on the screen. Where it did go wrong? Thank you.