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

Question

我正在使用 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

Answer 1

这很简单。

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

<uib-tabset active="3">

这里是修改后的plunkr

来源和附加阅读

如果您想阅读更多关于 Angular UI 选项卡的属性和属性，这里是 link 到 documentation for tabs

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

angularjs bootstrap ui active tabs not loaded by default

angularjs

angular-ui-bootstrap

angularjs-bootstrap