स्थिर सामग्री के साथ angularjs बूटस्ट्रैप टैब पर सक्रिय

Question

मैं स्थिर सामग्री के साथ एक टैबसेट दिखाने के लिए कोणीय बूटस्ट्रैप UI का उपयोग कर रहा हूं।

मैं इससे निराश था क्योंकि UI बूटस्ट्रैप टैब दस्तावेज़ केवल ng-repeat के साथ बाध्यकारी द्वारा बनाए गए टैब पर नेविगेशन दिखाता है।

<uib-tabset> 
     <uib-tab heading="Basic Details"> 
      <div role=" tabpanel" class="tab-pane active" id="basicDetails"> 
      tab1 
      <button class="btn btn-success" ng-click="$parent.tabs[1].select()">Go to Tab 3</button> 
      </div> 
     </uib-tab> 
     <uib-tab heading="Basic Details"> 
      <div role=" tabpanel" class="tab-pane active" id="basicDetails"> 
      tab2 
      </div> 
     </uib-tab> 
    </uib-tabset> 

मैं कुछ बात सुनने के Stackoverflow पाया लेकिन इस कोणीय बूटस्ट्रैप यूआई के वर्तमान संस्करण के साथ काम नहीं कर रहा है ..

Plunker

Answer 1

टैब के रूप में सक्रिय सेट करने के लिए, आप एक बूलियन ध्वज स्थापित करने की आवश्यकता अपने दायरे पर "सत्य" पर जाएं और इसे दिए गए टैब के active विशेषता से संबद्ध करें। इस

<uib-tabset> 
    <uib-tab heading="Basic Details" active="tabOneActive"> 
     tab1 
    </uib-tab> 
    <uib-tab heading="Other Details" active="tabTwoActive"> 
     tab2 
    </uib-tab> 
</uib-tabset> 

कैसा लगेगा जब tabOneActive सही पर सेट किया जाता है, पहला टैब

Answer 2

दिखाया जाएगा मुझे यकीन है कि यह साफ समाधान है नहीं कर रहा हूँ, लेकिन मैं मैन्युअल पर क्लिक करके टैब स्विचन के साथ समाप्त हो गया शीर्षक:

<uib-tabset> 
    <uib-tab heading="h1" active="h1Active" ng-click="h1Active=true"> 
    ... content 1 
    <uib-tab> 
    <uib-tab heading="h2" active="!h1Active" ng-click="h1Active=false"> 
    ... content 2 
    <uib-tab> 
</uib-tabset> 

मेरे पास केवल दो टैब हैं, और एक भिन्नता के बीच स्विच करने के लिए पर्याप्त है। लेकिन अधिक टैब के मामले में मुझे लगता है कि आपको क्लिक पर थोड़ा और जटिल लॉगिन लागू करना होगा। मेरा मतलब है, शायद, एक को सत्य और दूसरों को झूठा करने के लिए सेट करें।