Repeated $http requests in AngularJS Tab Navigation

Question

I am working on an application which contains tabs. I have managed the tab navigation in the app by changing the content in ng-view upon tab change. But I have a page in those tabs which again contains tabs. As I can't have 2 ng-view's in a single app, I am facing a difficulty. I have included all the tabs and their respective divisions using ng-repeat. The visibility respective content of all tabs in controlled by ng-show/hide. But here, every time the tab changes URL will also change(using routes). That leads to a $http request to server on each tab change. Can anyone suggest me a better alternative? I will share the code upon request.

switch over to ui-router which allows nested views as well as parent states. Initial conversion from ngRoute won't require huge changes to routing config. — charlietfl
– charlietfl, Commented Sep 24, 2015 at 18:38

Shreyas · Accepted Answer · 2015-09-24 18:52:39Z

1

Angular UI Router would be your only alternative. It allows you to have nested views. UI Router allows for nested views and multiple named views. This is very useful with larger app where you may have pages that inherit from other sections. ngRoute merely allows you to assign controllers and templates to URL routes, whereas the fundamental abstraction in UI Router is states, which is a more powerful concept.

edited Sep 24, 2015 at 18:52

answered Sep 24, 2015 at 18:45

Shreyas

1,93518 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Repeated $http requests in AngularJS Tab Navigation

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related