2

Я новичок в AngularJs. Я работаю над концепцией «Угловая маршрутизация». Существует множество предложений и примеров для маршрутизации, и я изучаю это. Но это не соответствует моему требованию. Я хочу создать один родительский контроллер на странице JSP с заголовком, нижним колонтитулом и ng-view. В ng-view должна отображаться Two Tab (Tab1.html и Tab2.html), родительский контроллер должен выбрать, какая вкладка активна (этот случай важен, и я не знаю, как это сделать). Вкладки 1 и Tab2 имеют каждую страницу html с отдельными вспомогательными контроллерами.AngularJs: Провайдер маршрута для вкладок?

Почему я не вставляю вкладку Bootstrap в ng-view, означает, что над каждой вкладкой должно отображаться другое представление, например, если tab1 активен, button1, label1 должен отображаться над вкладкой 1 и если tab2 активен, button2, label2 должен отображаться над вкладкой. Поэтому я предлагаю использовать вкладку Bootstrap для страницы html, которая должна отображаться в ng-view.

enter image description here

Я не знаю, я объяснил вам ясно, пожалуйста, предложите мне с некоторыми шаблонами, которые выполняющими мое требование.

Заранее спасибо

ответ

0

Angular UI Router обрабатывает это очень хорошо. Here's a good intro - для использования UI-маршрутизатора.

В принципе, было бы состояние верхнего уровня, представляющее всю страницу, которая управляет верхним и нижним колонтитулом и ui-view (который заменяет ng-view). Будет два дочерних состояния состояния верхнего уровня, которые будут контролировать отображаемое содержимое в зависимости от того, какая из вкладок (состояний) активна. Каждое состояние будет иметь свой собственный контроллер и просмотр, что означает, что все они могут поддерживаться отдельно, и вы можете изменить кнопку в заголовке, основываясь на том, какое состояние щелкнуло очень легко.

Смежные вопросы