Angular-Ui-Router, вложенные именованные представления - что я делаю не так?
я пытаюсь реализовать очень простой пример, используя вложенные именованные представления с помощью UI-маршрутизатора, и я могу 'заставить его работать. Если кто-нибудь может посмотреть на это jsFiddle -http://jsfiddle.net/thardy/eD3MU/ - и скажи мне, что яя делаю неправильно, яЯ очень ценю это.
Основная идея заключается в следующем: - мой index.html имеет один ui-view - шаблон, который подключается к нему, имеет два, называемых ui-views - I 'я пытаюсь настроить конфигурацию, чтобы заполнить эти два пользовательского интерфейса шаблонами, и я могу 'не заставить его работать
Это ядро скрипки (угловые скобки в шаблоне заменены на []): I '
$stateProvider
.state('test', {
url: '/test',
views: {
'main': {
template: '[h1]Hello!!![/h1]' +
'[div ui-view="view1"][/div]' +
'[div ui-view="view2"][/div]'
}
}
})
.state('test.subs', {
url: '',
views: {
'view1': {
template: "Im View1"
},
'view2': {
template: "Im View2"
}
}
});
я несколько часов настраивал его (пробовал абсолютные имена и т. д.), и яЯ собираюсь сойти с ума. Это выглядит хорошо согласно документации (по крайней мере, для меня), но нетЭто простые примеры, и я должен упустить что-то очевидное.
Обновить Удалив URL из тестового состояния и добавив URL: '' в состояние test.subs, это работает. Но добавление любого URL в тестовое состояние приводит к его повторному сбою. В моем сценарии реального мира ни одно из этих состояний не находится в корне, и отсутствие URL-адреса в родительском состоянии приводит к тому, что все работает не очень хорошо. Это'как это состояние нет активирован или что-то. Согласно документам, имея URL: '' в подпрограмме должен быть активирован вместе с нимродительское состояние, но этоне то, что происходит.
Обновление - Решение Для любого, кто хотел бы видеть это -http://jsfiddle.net/thardy/eD3MU/