angularjs bootstrap ui active tabs not loaded by default

Question

i am using angularjs v1.5.5 and ui-bootstrap-tpls-1.3.2.
i loading page the dynamic. i have 3 pages. i want to load last page by default

  $scope.tabs = [
{ title:'Page A', template: 'a.html',  content:'' , loaded : false},
{ title:'Page B', template: 'b.html',  content:'', loaded : false },
{ title:'Page C', template: 'c.html', content:'', loaded : false, active : true }

];

My Sample Code Here

It wil be more convenient if you provide code demo using SO code snippet feature instead of providing external link. — niyasc
– niyasc, Commented Apr 28, 2016 at 7:26

Satej S · Accepted Answer · 2016-04-28 07:23:33Z

1

This was fairly simple.

By default the active tab is set to the first index in the tabset. The active attribute on the uib-tabset was changed to the required tab number.

<uib-tabset active="3">

Here is the modified plunkr

Source and Additional Read

If you want to read more about the attributes and properties of Angular UI tabs, here is a link to the documentation for tabs

edited Apr 28, 2016 at 7:23

answered Apr 28, 2016 at 7:18

Satej S

2,1561 gold badge18 silver badges22 bronze badges

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

2 Comments

niyasc Over a year ago

It wil be more convenient if you provide code demo using SO code snippet feature instead of providing external link

Satej S Over a year ago

@niyasc, it definitely is more convenient!However, the author had multiple pages in the demo, and considering it was already made, I edited the same.

Collectives™ on Stack Overflow

angularjs bootstrap ui active tabs not loaded by default

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related