2015-03-25 23 views
5

मुझे Angularjs बूटस्ट्रैप टैब के साथ कोई समस्या है। मैं डिफ़ॉल्ट रूप से एक गतिशील टैब सक्रिय होना चाहता हूं लेकिन ऐसा लगता है कि जब तक मेरे पास एक ही टैबसेट के अंदर एक स्थिर टैब नहीं है तब तक मैं ऐसा नहीं कर सकता।कोणीय बूटस्ट्रैप - डिफ़ॉल्ट टैब सक्रिय (गतिशील टैब)

<tabset ng-init="tab.active = true"> 
    <tab ng-repeat="tab in tabs" heading="{{tab.title}}" active="tab.active"> 
     {{tab.content}} 
    </tab> 
    <tab heading="Static"> 
     Static 
    </tab> 
</tabset> 

`

यहाँ एक plunkr समझाने के लिए है:

http://plnkr.co/edit/DfM6r4tznE9b0K8LqvF0?p=preview

मैं चाहता हूँ" गतिशील शीर्षक 1 "डिफ़ॉल्ट रूप से चयनित किया जाना है। क्या सक्रिय निर्देश के साथ यह संभव है या क्या मुझे एक ऐसा कार्य बनाना है जो सक्रिय स्थिति को संभालेगा?

उत्तर

6

इसे आजमाएं।

<tabset> 
    <tab ng-repeat="tab in tabs" heading="{{tab.title}}" active="tab.active" ng-init="tab.active = $index === 0"> 
    {{tab.content}} 
    </tab> 
    <tab heading="Static"> 
    Static 
    </tab> 
</tabset> 

Working Plnkr

+0

धन्यवाद एक बहुत! यह पूरी तरह से काम करता है। आपको यह कैसे पता चला कि यह कैसे करें? सीधे निर्देश कोड में? – Templar

+0

ओह, नई समस्या, यह कुछ तोड़ दिया। अब मैं नियंत्रक से सक्रिय स्थिति नहीं बदल सकता .. Plnkr लिंक: http://plnkr.co/edit/xV7OlVBkYYOv44IdsUHa?p=preview "नया" पर क्लिक करें, सक्रिय स्थिति में परिवर्तन नहीं होता है नया बनाया गया टैब। यदि आप एनजी-इनिट लेते हैं, तो यह काम करता है। कोई उपाय ? – Templar

+0

नए जोड़े गए टैब को अपडेट करने के लिए $ टाइमआउट का उपयोग करें। अद्यतन plnkr: http://plnkr.co/edit/9N4RMaasrG8stw37bHKH?p=preview –

संबंधित मुद्दे