ionic フレームワークを使用してアプリを構築しています。リンクできるサイドメニューを備えたネストされた状態がいくつかあります。問題は、#/cards/overview にいるときに、#/promos/overview にリンクできないことです。これは ionic serve で機能しますが、デバイスにインストールした場合は機能しません。
angular.module('CLP', ['ionic', 'ngCordova', 'utils'])
.config(function ($stateProvider, $urlRouterProvider) {
$urlRouterProvider.otherwise('/cards/overview');
$stateProvider
.state('promos', {
abstract : true,
templateUrl: 'templates/promos/promos.html'
})
.state('promos.main', {
abstract : true,
url: '/promos',
views: {
sidebarLeft: {
templateUrl: 'templates/sidebar/left.html'
},
mainContent: {
template: '<ion-nav-view></ion-nav-view>'
}
}
})
.state('promos.main.overview', {
cache : false,
url: '/overview',
templateUrl: 'templates/promos/overview.html'
})
.state('cards', {
abstract : true,
templateUrl: 'templates/cards/cards.html',
})
.state('cards.main', {
abstract : true,
url: '/cards',
views : {
sidebarLeft: {
templateUrl: 'templates/sidebar/left.html',
controller: 'sidebarCtrl'
},
mainContent: {
template: '<ion-nav-view></ion-nav-view>'
}
}
})
.state('cards.main.overview', {
cache : false,
url: '/overview',
templateUrl: 'templates/cards/overview.html',
controller: 'cardsOverview'
})
.state('cards.main.detail', {
cache : false,
url: '/:cardId',
templateUrl: 'templates/cards/detail.html',
controller: 'showDetail'
})
})
できるだけ良いCodePenを作成しようとしました http://codepen.io/Gothematic/pen/OPBJEW