2013-06-27 11 views
9

के अंदर एक एनजी-क्लिक ईवेंट जोड़ना मैं अंगुलर के लिए काफी नया हूं लेकिन मैं पिछले कुछ हफ्तों का उपयोग कर रहा हूं और मैंने जो समस्याएं पार की हैं, उनमें से अधिकांश काम करने में कामयाब रहे हैं। हालांकि यह मुझे स्टंप कर दिया है।फ़िल्टर

मेरे पास एक ऐप है जो ट्विटर से ट्वीट्स खींचता है - एक कोणीय फ़िल्टर का उपयोग करके - सभी यूआरएल खींचता है और उन्हें लिंक के रूप में शैलियों बनाता है। यह हिस्सा ठीक काम करता है लेकिन क्लाइंट ने फैसला किया कि ट्विटर से लिंक सुरक्षित नहीं थे, इसलिए जब भी एक लिंक क्लिक किया गया तो वे आग लगने के लिए अस्वीकरण चाहते थे। काफी सरल - मैंने लिंक को अपहृत कर दिया और को ng-click="openLink('url')" के लिए बदल दिया। यह वह जगह है जहां समस्या आई - ng-click काम नहीं करता है।

मुझे यकीन है कि समस्या $compile() के साथ कुछ करने के लिए है - मुझे पहले इसी तरह के मुद्दे हैं - लेकिन मुझे नहीं पता कि यह कब या कहां कॉल करें।

मैंने Plunkr बनाया है जो कि मेरे बाद का एक लाइट संस्करण है। शीर्ष पर लिंक गतिशील रूप से लोड नहीं होता है और alertUrl() फ़ंक्शन ठीक करता है, लेकिन फ़िल्टर द्वारा उत्पन्न सभी लिंक विफल हो जाते हैं।

मुझे शायद कुछ सचमुच सरल याद आ रहा है लेकिन यह मुझे थोड़ी देर में परेशान कर रहा है, इसलिए किसी भी मदद की व्यापक रूप से सराहना की जाएगी।

धन्यवाद,
सैम

+0

क्या लिंक हमेशा अंत में दिखाए जाएंगे? – callmekatootie

उत्तर

15

वैसे आप सही है कि एचटीएमएल \ सामग्री है कि आप की जरूरत है फेंकना AngularJS चेतावनी समारोह को हल करने के लिए संकलित किया जाना है।

मैं अपने plunker बदल दिया है, और (here से) एक संकलन निर्देश इंजेक्षन

कार्रवाई here

करते हुए देखें यहाँ मूल विचार सामग्री गतिशील रूप से ट्विटर फ़ीड से उत्पादित संकलित करने के लिए है।

<p compile="tweet.text | convertLinks"></p> 
+0

यह वही है जो मुझे चाहिए, बहुत कड़वाहट धन्यवाद :) –

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