2013-02-15 17 views
11

मैं कोणीय-ui में टैब का उपयोग कर रहा हूँ:कोणीय-ui टैब इस नियंत्रक का उपयोग टैब-सामग्री में टेम्पलेट लोड हो रहा है

$scope.panes = [ 
    { title:"Home",  content:"home" , active: true}, 
    { title:"Settings", content:"settings"}, 
    { title:"View",  content:"view"} 
]; 

और इस html फ़ाइल में:

<tabs> 
    <pane 
     active="pane.active" 
     heading="{{pane.title}}" 
     ng-repeat="pane in panes" 
    > 
     {{pane.content}} 
    </pane> 
    </tabs> 

लेकिन मैं सामग्री को टेम्पलेट के रूप में सेट करना चाहते हैं मैं यह कैसे कर सकता हूं, मैंने इस plunker में एनजी-शामिल कोड सेट करने का प्रयास किया, लेकिन काम नहीं किया।
अग्रिम धन्यवाद।

अद्यतन:

यदि आप इस समाधान खोजने और you'r कोणीय बूटस्ट्रैप v0.12 का उपयोग नहीं आप इस तरह the new syntax of v0.13 को कोड अपडेट करना होगा: मैं पहले से ही अद्यतन plunker

<tabset> 
    <tab 
     active="pane.active" 
     heading="{{pane.title}}" 
     ng-repeat="pane in panes" 
    > 
     <div ng-include="pane.content"></div> 
    </tab> 
    </tabset> 

कोणीय-बूटस्ट्रैप v0.13 के सिंटैक्स के लिए।

उत्तर

25

बस जोड़ने फलक

<tabs> 
    <pane active="pane.active" 
      heading="{{pane.title}}" 
      ng-repeat="pane in panes"> 
     <div ng-include="pane.content"></div> 
    </pane> 
</tabs> 
के एक बच्चे के रूप में एनजी-शामिल

कारण यह काम करता है कि गुंजाइश चर फलक अभी तक उपलब्ध है जब आप का उपयोग नहीं है में एनजी-शामिलng-repeat के समान तत्व जो फलक चर बनाता है।

इसका कारण यह है की प्राथमिकता मान एनजी-शामिल 0 (डिफ़ॉल्ट) है, जबकि एनजी-दोहराने की प्राथमिकता 1000 है और इसलिए निष्पादन के आदेश है:

  1. एनजी-शामिल
  2. एनजी-दोहराने

देखें directive docs

+0

धन्यवाद कि काम किया, लेकिन आप स्पष्टीकरण दें कि यह इस तरह से नहीं कैसे काम कर सकता है मैंने इसे पहली बार लिखा, या सिर्फ मुझे बताएं कि मुझे यह कहां मिल सकता है। –

+1

मेरा अद्यतन उत्तर –

+0

देखें यह स्पष्ट है, धन्यवाद। –

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