2016-04-28 51 views
0

我使用的是angularjs v1.5.5和ui-bootstrap-tpls-1.3.2。
我加載頁面的動態。我有3頁。我想在默認情況下加載最後一頁angularjs bootstrap ui活動選項卡默認不加載

$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

+0

如果您使用SO代碼片段功能提供代碼演示而不是提供外部鏈接,它將更加方便。 – niyasc

回答

1

這很簡單。

默認情況下,活動選項卡設置爲tabset中的第一個索引。 uib-tabset上的活動屬性已更改爲所需的選項卡號。

<uib-tabset active="3"> 

下面是修改plunkr

來源和額外的讀

如果您想了解更多關於角UI選項卡的屬性和特性,這裏是對documentation for tabs

鏈接
+0

如果您使用SO代碼片段功能提供代碼演示而不是提供外部鏈接,它將更加方便 – niyasc

+1

它是工作代碼 – RSK

+0

@niyasc,它絕對更方便!但是,作者在演示中有多個頁面,並考慮到它已經制作好了,我編輯過。 –

相關問題