ट्विटर बूटस्ट्रैप पॉपओवर angularjs

Question

के साथ काम नहीं करता है, मैं अपने वेबपृष्ठ पर ट्विटर बूटस्ट्रैप पॉपओवर का उपयोग करने की कोशिश कर रहा था, जब मुझे पता चलता है कि यह <div> के नीचे ng-repeat के साथ स्थित होने पर काम नहीं करता है। यह एक div कक्षा के भीतर शीर्ष पर ठीक काम करता है जिसमें ng- नहीं है क्या किसी को पता है कि ऐसा क्यों हुआ और मैं इस मुद्दे के आसपास कैसे काम कर सकता हूं?

<h3>Students Without Team</h3> 
<div class="accordion" id="studentNoTeamAccordion" > 
     <a href="#" class="btn btn-large btn-primary" rel="popover"data-html="true" 
      data-content=" 
       <form> 
        <textarea class='input-xlarge' rows='12' type='text'></textarea> 
        <P> 
         <input class='btn btn-primary' type='submit' value='Send' /> 
       </form>" 
      data-placement="right" data-original-title="Enquiries">Send Enquiries 
     </a> 
    <div class="accordion-group" ng-repeat="(key,val) in stud_finding">< 
     <a href="#" class="btn btn-large btn-primary" rel="popover"data-html="true" 
     data-content=" 
       <form> 
        <textarea class='input-xlarge' rows='12' type='text'></textarea> 
        <P> 
         <input class='btn btn-primary' type='submit' value='Send' /> 
       </form>" 

Answer 1

फिलहाल देखते हैं पर 2 परियोजनाओं है कि मिल गया है पहले से ही लिखा AngularJS के लिए बूटस्ट्रैप के पॉपओवर निर्देशों ऐसा न हो कि:

• http://angular-ui.github.com/bootstrap/
• http://mgcrea.github.com/angular-strap/

अंतर यह है कि http://angular-ui.github.com/bootstrap/ निवासी है है AngularJS निर्देश हैं ताकि आपको किसी भी तृतीय पक्ष जावास्क्रिप्ट निर्भरताओं की आवश्यकता न हो।

दोनों परियोजनाएं गिटहब पर होस्ट की जाती हैं ताकि आप कार्यान्वयन देख सकें और या तो उनसे सीख सकें, बदलने या बस परियोजनाओं में से किसी एक का उपयोग करने का निर्णय ले सकें।

Answer 2

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

सौभाग्य से, बूटस्ट्रैप का समाधान है। पॉपओवर में container विकल्प है जो आपको पॉपवर को शरीर के बजाय एक विशिष्ट तत्व में जोड़ने देता है। वहां डीओएम तत्व का jQuery चयनकर्ता रखें जिसमें कोणीय नियंत्रक हो। http://twitter.github.io/bootstrap/javascript.html#popovers (विकल्प देखें)