Using multiple views inside single state

ionic-v1
1

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.

2

You need to check the templates/1.html and templates/2.html if the content is enclosed within
<ion-view view-title="unique_title"> tags