góc UI - thiết tab hoạt động theo chương trình

Question

tôi sử dụng AngularUI với mã này:

<uib-tabset type="pills"> 
    <uib-tab heading="Tab 1">Tab 1 content</uib-tab> 
    <uib-tab heading="Tab 2">Tab 2 content</uib-tab> 
</uib-tabset> 

Tôi muốn lập trình thay đổi thẻ hoạt động hiện tại từ mã góc-điều khiển của tôi. Ví dụ: chọn tab "2" làm hoạt động.

Cách thực hiện việc này?

Answer 1

Bạn cần sử dụng thuộc tính đang hoạt động trên tab ui. Sau đó, bạn cần có chỉ mục trên mỗi tab để làm việc từ ngữ cảnh bên ngoài.

<uib-tabset type="pills" active="active"> 
    <uib-tab heading="Tab 1" index="0">Tab 1 content</uib-tab> 
    <uib-tab heading="Tab 2" index="1">Tab 2 content</uib-tab> 
</uib-tabset> 

Xem plnkr làm việc này: Working Plnkr