Using the tabs in angularjs

Question

I am using the tabs with angularjs. And I am loading view dynamically. What I want is if I have already loaded a view, then with $state.go it should not be loaded again and controller should not run again.It should just be set to active.

View

<tabset> 
  <tab ng-repeat="tab in tabs" select="go(tab.route)" ui-sref-active="tab.active" 
  heading="{{tab.title}}" active="tab.active" disable="tab.disabled"> 
      <ui-view> </ui-view> </tab> 
</tabset>

JS Controller

$rootScope.tabs = [ { title: 'Dashboard', route: 'store.dashboard', 
         active:true }, { title: 'Home', route: 'store.home' } ]; 

$rootScope.go = function (route) { 
        $state.go(route);
};

<tabset> <tab ng-repeat="tab in tabs" select="go(tab.route)" ui-sref-active="tab.active" heading="{{tab.title}}" active="tab.active" disable="tab.disabled"> <ui-view> </ui-view> </tab> </tabset> $rootScope.tabs = [ { title: 'Dashboard', route: 'store.dashboard', active:true }, { title: 'Home', route: 'store.home' } ]; $rootScope.go = function (route) { $state.go(route); }; — Ali Nafees
– Ali Nafees, Commented Feb 27, 2017 at 3:05

Pengyy · Accepted Answer · 2017-02-27 03:44:15Z

1

for typescript:

let options: angular.ui.IStateOptions = {
  reload: false
};

for javascript:

var options = {
  reload: false 
};

forbid the reload action in $state.go('state', params, options).

edited Feb 27, 2017 at 3:44

answered Feb 27, 2017 at 3:12

Pengyy

38.3k15 gold badges85 silver badges73 bronze badges

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

6 Comments

Ali Nafees Over a year ago

Does that also disable reload if user press CTRL+F5

Pengyy Over a year ago

no, Ctrl + F5 will force the browser to reload the whole page.

Ali Nafees Over a year ago

getting that error Failed to instantiate module store due to: TypeError: Cannot set property 'IStateOptions' of undefined

Pengyy Over a year ago

node: this is for angular-ui-router, the options should be set to the third parameter of the $state.go function.

Pengyy Over a year ago

@AliNafees sorry, that is a typescript code. seems you are using javascript. check for the javascript version.

|

Collectives™ on Stack Overflow

Using the tabs in angularjs

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related