Проблемы с вложенными состояниями в UI-маршрутизаторе

Question

У меня проблема с вложенными состояниями в UI-Router. У меня есть два состояния, и при нажатии кнопки он должен перейти в другое состояние, а URL-адрес изменится, но шаблон не работает. Вот мой код для государственной логики:

$stateProvider.state('accounts', { 
url: '/accounts', 
views: { 
    'menu': { 
    templateUrl: 'templates/menu.html', 
    controller: 'MenuController' 
    }, 
    'main': { 
    templateUrl: 'templates/accounts.html', 
    controller: 'AccountsController' 
    } 
} 
}); 
$stateProvider.state('accounts.detail', { 
url: '/:accountID', 
views: { 
    'main': { 
    templateUrl: 'templates/accounts.detail.html', 
    controller: 'AccountsDetailController' 
    } 
} 
}); 

И моя кнопка логика: $state.go('accounts.detail', { accountID : account.accountID});

Оба моих взглядов обернуты в интерфейс ракурса тегов. Все остальные корневые состояния работают правильно (/ home,/orders), однако/accounts /: accountID не запускает шаблон для загрузки и перехода. Любое понимание будет оценено по достоинству.

Answer 1

Мой вопрос заключается в том, что я не имел в виду моих взглядов правильно. Из-за того, как они вложены, мне нужно было использовать абсолютное имя, чтобы показать представление. Документация связанного UI-маршрутизатора описывает мою проблему.

https://github.com/angular-ui/ui-router/wiki/Multiple-Named-Views#view-names---relative-vs-absolute-names

Answer 2

<ion-view /> не является эквивалентом <ui-view />, в Ionic Framework это просто контейнер для вставки верхних и нижних колонтитулов и содержимого.

использование <ion-nav-view />http://ionicframework.com/docs/api/directive/ionNavView/ и ссылки по имени этого вложенная просмотра в вашем родительском зрения: <ion-nav-view name="main" />