फेसबुक लॉग इन बटन का उपयोग कर AngularJS

Question

मैं https://developers.facebook.com/docs/reference/plugins/login/

अब, यह बटन एक दृश्य में प्रदर्शित किया जाता है पर दस्तावेज़ का उपयोग कर अपनी वेबसाइट पर फेसबुक लॉग इन बटन जोड़ने का प्रयास कर रहा हूँ। दृश्य तभी लोड होता है जब उपयोगकर्ता स्पष्ट रूप से वेबसाइट पर लॉगिन करने का अनुरोध करता है।

मैं HTML5 संस्करण का उपयोग कर रहा हूं। चरण 1 में, मुझे जावास्क्रिप्ट एसडीके शामिल करने के लिए कहा गया है - मैं टैग के तुरंत बाद यह करता हूं। यह मुख्य पृष्ठ में स्थित है जिसमें ng-view निर्देश शामिल है।

मैं दृश्य के अंदर लॉगिन बटन प्रस्तुत करने के लिए कोड डालता हूं। समस्या यह है कि यदि मैं मुख्य पृष्ठ में लॉगिन बटन पर क्लिक करके दृश्य पर नेविगेट करता हूं, तो दृश्य एफबी लॉगिन बटन प्रस्तुत नहीं करता है। हालांकि अगर मैं पृष्ठ को रीफ्रेश करता हूं (जिसमें लॉगिन दृश्य होता है), बटन प्रस्तुत करता है।

मैंने लॉगिन दृश्य में जावास्क्रिप्ट एसडीके के लिए कोड भी स्थानांतरित कर दिया है- बटन को प्रस्तुत करने से पहले और बाद में, लेकिन यह समस्या को हल नहीं करता है। केवल लॉगिन दृश्य को रीफ्रेश करते समय, बटन प्रदान किया जाता है।

तो,
एक) या तो मुझे पता है कि यह क्यों हो रहा है और समाधान या
ख) AngularJS में ताज़ा की जरूरत है; मुझे इसे देखने से पहले लॉगिन दृश्य को रीफ्रेश करने के लिए AngularJS तरीका जानने की आवश्यकता है ताकि (मुझे आशा है) लॉगिन बटन प्रदान किया जाता है।

Answer 1

ऐसा इसलिए है क्योंकि फेसबुक अपने बटन और सामान खोजने के लिए पूरे पृष्ठ को प्रस्तुत करता है। आपको ngView लोड करने के बाद पार्सर को फिर से चलाने की आवश्यकता है।

चूंकि आप यहां नियंत्रक पर डोम हेरफेर नहीं करेंगे, एक निर्देश संस्करण है।

angular.module("myApp", []).directive("fbLogin", function($rootScope) { 
    return function (scope, iElement, iAttrs) { 
     if (FB) { 
      FB.XFBML.parse(iElement[0]); 
     } 
    }; 
};