javascript - How to correctly wrap a one time jquery call inside an AngularJS directive? -


मेरे पास एक सरल निर्देश है, जो रूपांतरित करता है

  & lt; एक कारसिस्टिकिज़ = "विशेषताएं"। "& gt; & lt; / a & gt;   

सही मूल्यों के साथ अधिक विस्तृत टैग में:

template.html <पूर्व> & lt; a ng-href = "regles # {{Caracteristic.name | lowercase}} "class =" ui मिनी {{caracteristic.color}} लेबल "डेटा-शीर्षक =" {{caracteristic.name}} "डेटा-सामग्री =" {{caracteristic.description}} " & Gt; {{caracteristic.name | | अपरकेस}} & lt; / a & gt;

यहां निर्देश है:

  'सख्त प्रयोग'; Angular.module ('myApp')। डायरेक्टिव ('कारेंसिस्टिकिस', फ़ंक्शन () {रिटर्न {templateUrl: 'components / caracteristic / caracteristic.html', प्रतिबंधित करें: 'ईए', दायरा: {caracteristic: '='}, प्रतिस्थापित करें : सच, लिंक: फ़ंक्शन () {$ ('। Mini.label')। पॉपअप ({ट्रांज़िशन: 'फीड अप', विविधता: "बड़ा"});}};});   

तो मूल रूप से मेरे मॉडल में बदलाव नहीं होगा और अगर मैं अपने निर्देश के साथ दो टैग को प्रस्तुत करता हूं तो $ (...)। पॉपअप को दो बार कहा जाएगा

मैं इसे केवल एक बार कैसे लोड कर सकता हूं?

पीएस: मैं कोणीय जेएस में पूरी तरह से नया हूँ, अब भी इस jQuery प्लगइन को मूल कोने में कनवर्ट करने के लिए नौसिखिए। अगर मैं पूरी तरह से गलत हूँ, मुझे प्रबुद्ध करें! ;)

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

  app.directive ('पॉपअप', फ़ंक्शन) {रिटर्न फ़ंक्शन (स्कोप, एएमएम) {elem.popup ({संक्रमण: 'फीड अप ', विविधता: "बड़ा"});};});   

फिर उस तत्व को अटैप करें जिसे आप पॉपअप करना चाहते हैं:

  & lt; div popup class = "mini label" & gt; & lt; / div & gt;    

Comments

Popular posts from this blog

Out of index C/C++ -

regex - PatternSyntaxException: while using String.ReplaceAll function in java? -

java - Projects which are accessed via multiple (different) IDEs: Ant or Maven? -