UIB選項卡不起作用

Question

<div class="ui-tab-container">
    <uib-tabset>
        <uib-tab heading="Region Wise" index="region" active="region_wise">Tab 1</uib-tab >
        <uib-tab heading="Branch Wise" index="branch" active="state_tab">Tab 2</uib-tab>
        <uib-tab heading="City Wise" index="city" active="city_tab">Tab 3</uib-tab>
        <uib-tab heading="Counter Wise" index="counter" active="counter_tab">Tab 4</uib-tab>
    </uib-tabset>
</div>

沒有顯示任何選項卡，當我切換到引導選項卡集時，它們可以正常工作，但是即使我從功能內部將該選項卡的active屬性設置為true，也無法在單擊第一個選項卡上的按鈕時從一個選項卡切換到另一個選項卡按鈕的單擊（單擊時）“ bootstrap”：“〜3.3.0”“ angular-bootstrap”：“〜2.3.1”預先感謝。

Answer 1

嘗試這個

<uib-tabset active="'region'">
    <uib-tab heading="Region Wise" index="'region'" active="region_wise">Tab 1</uib-tab >
    <uib-tab heading="Branch Wise" index="'branch'" active="state_tab">Tab 2</uib-tab>
    <uib-tab heading="City Wise" index="'city'" active="city_tab">Tab 3</uib-tab>
    <uib-tab heading="Counter Wise" index="'counter'" active="counter_tab">Tab 4</uib-tab>
</uib-tabset>

您忘記將active指令添加到uib-tabset並uib-tabset賦予一個值

active（默認值：第一個標簽的索引）-標簽的有效索引。 將其設置為現有的標簽索引將使該標簽處於活動狀態。

另外，您也沒有實例化uib-tab元素內的active值

標簽索引。 必須是唯一的數字或字符串。

因此它應該像這個index="'region'" （注意里面的單撇號，index需要一個表達式！）或index="1"

unk

Answer 2

據我了解， ui-tab內部的active指令必須與模型中的一些布爾變量綁定。

<uib-tab ... active="boolean_variable_to_bind">...</uib-tab >