angularjs bootstrap ui默认情况下未加载活动标签

时间:2016-04-28 07:08:56

标签: angularjs angular-ui-bootstrap angularjs-bootstrap

我正在使用angularjs v1.5.5和ui-bootstrap-tpls-1.3.2。
我加载动态页面。我有3页。我想默认加载最后一页

  $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

1 个答案:

答案 0 :(得分:1)

这很简单。

默认情况下,活动选项卡设置为选项卡集中的第一个索引。 uib-tabset上的有效属性已更改为所需的标签号。

<uib-tabset active="3">

以下是修改后的plunkr

来源和补充阅读

如果您想了解有关Angular UI标签的属性和属性的更多信息,请点击此链接指向documentation for tabs