简体   繁体   English

默认情况下未加载angularjs引导ui活动选项卡

[英]angularjs bootstrap ui active tabs not loaded by default

i am using angularjs v1.5.5 and ui-bootstrap-tpls-1.3.2. 我正在使用angularjs v1.5.5和ui-bootstrap-tpls-1.3.2。
i loading page the dynamic. 我加载页面的动态。 i have 3 pages. 我有3页。 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 我的示例代码在这里

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属性已更改为所需的选项卡号。

<uib-tabset active="3">

Here is the modified plunkr 这是修改后的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 如果您想了解有关Angular UI选项卡的属性和属性的更多信息,请点击此处,链接到选项卡文档

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM