sorry I know there is questions similar to the one I am asking now but don't know if the problem is the same. I have been testing in my browser the entire time of development and my app worked perfectly, but when I tested it on my own device with ionic view there where curtain pages not opening. I have a side menu template and added two tabbed interfaces derived from one side menu item. I am also not getting any errors. I have seen that some people say that with ionic view the javascript, css etc. files does not upload. But most of my pages load except for one tabbed interface the tabT
states. So I am not sure if it is a bug on ionic or just the way I layered my app. thanks.
html
<ion-view view-title="Truck Search">
<ion-content>
<div class="list">
<label class="item item-input item-select">
<div class="input-label">
Quote Number:
</div>
<select>
<option selected>Select</option>
<option>#0001</option>
<option>#0002</option>
<option>#0003</option>
</select>
</label>
</div>
<ion-item class="item-stable" ng-repeat="Trucklist in TruckLists" href="#/tabT/truck/{{phaseslist.id}}">
{{Trucklist.title}}
</ion-item>
</ion-content>
</ion-view>
App js
.config(function($stateProvider, $urlRouterProvider) {
$stateProvider
.state('tabT', {
url: "/tabT",
abstract: true,
templateUrl: "templates/tabsT.html"
})
.state('tabT.truck', {
url: '/truck/:truckId',
views: {
'tabT-truck': {
templateUrl: 'templates/tabT-truck.html',
controller: 'TruckCtrl'
}
}
})
.state('tabT.phases', {
url: '/phases',
views: {
'tabT-phases': {
templateUrl: 'templates/tabT-phases.html',
controller: 'PhasesCtrl'
}
}
})
.state('tabT.truckinfo', {
url: '/truckinfo',
views: {
'tabT-truckinfo': {
templateUrl: 'templates/tabT-truckinfo.html',
controller: 'TruckinfoCtrl'
}
}
})
.state('tabC', {
url: "/tabC",
abstract: true,
templateUrl: "templates/tabsC.html"
})
.state('tabC.client', {
url: '/client/:clientId',
views: {
'tabC-client': {
templateUrl: 'templates/tabC-client.html',
controller: 'ClientCtrl'
}
}
})
.state('tabC.trucksearch', {
url: '/trucksearch',
views: {
'tabC-trucksearch': {
templateUrl: 'templates/tabC-trucksearch.html',
controller: 'TrucksearchCtrl'
}
}
})
.state('tabC.clientinfo', {
url: '/clientinfo',
views: {
'tabC-clientinfo': {
templateUrl: 'templates/tabC-clientinfo.html',
controller: 'ClientinfoCtrl'
}
}
})
.state('app', {
url: "/app",
abstract: true,
templateUrl: "templates/menu.html",
controller: 'AppCtrl'
})
.state('app.clients', {
url: "/clients",
views: {
'menuContent': {
templateUrl: "templates/clients.html",
controller: 'ClientsListCtrl'
}
}
})
.state('app.qualitycontrol', {
url: "/qualitycontrol",
views: {
'menuContent': {
templateUrl: "templates/qualitycontrol.html"
}
}
})
.state('app.checkin', {
url: "/checkin",
views: {
'menuContent': {
templateUrl: "templates/checkin.html",
controller: 'CheckinCtrl'
}
}
})
.state('app.single', {
url: "/checklist",
views: {
'menuContent': {
templateUrl: "templates/checklist.html",
controller: 'ChecklistCtrl'
}
}
})
.state('app.double', {
url: "/checkextra",
views: {
'menuContent': {
templateUrl: "templates/checkextra.html",
controller: 'CheckextraCtrl'
}
}
});
// if none of the above states are matched, use this as the fallback
$urlRouterProvider.otherwise('/app/checkin');
});