AngularJS stops working after ajax-updating it via JSF -


मेरे पास JSF + AngularJS फ़ॉर्म है:

  & lt; h: फ़ॉर्म आईडी = "FmMain1" एन्क्टीप = "मल्टीपार्ट / फॉर्म-डेटा" prependId = "false" & gt; & lt; p: कमांडबटन मान = "संपादित करें" कार्रवाई = "# {testBean.updateMode}" अद्यतन = "@ फॉर्म" प्रक्रिया = "@ फॉर्म" / & gt; & Lt; h: पैनल ग्रिड = "# {testBean.mode eq 'edit'}" & gt; & Lt; इनपुट एनजी-शो = "सच" प्रकार = "पाठ" एनजी-मॉडल = "कुछ समय पहले" / & gt; & Lt; h1 & gt; हैलो {{sometoad}} & lt; / h1 & gt; & Lt; / h: panelGrid & gt; & Lt; h: पैनल ग्रिड = "# {testBean.mode eq 'VIEW'}" & gt; & Lt; इनपुट एनजी-शो = "सच" प्रकार = "पाठ" एनजी-मॉडल = "कुछ समय पहले" / & gt; & Lt; h1 & gt; हैलो {{sometoad}} & lt; / h1 & gt; & Lt; / h: panelGrid & gt; & Lt; / h: प्रपत्र & gt;   

इस प्रबंधित बीन के साथ:

  सार्वजनिक वर्ग TestBean {निजी स्ट्रिंग मोड = "VIEW"; सार्वजनिक शून्य अद्यतन मोड () {if (mode.equals ("VIEW")) मोड = "संपादित करें"; Else mode = "VIEW"; } // + getter + setter}   

यह काम करता है जब पेज पहली बार रेंडर किया जाता है लेकिन यह "संपादन" बटन को क्लिक करने के बाद काम करना बंद कर देता है जो जेएसएफ़ के माध्यम से एजेक्स अपडेट करता है। यह कैसे होता है और मैं इसे कैसे हल कर सकता हूं?

यहाँ समस्या यह है कि हमें इसे संकलित करने की आवश्यकता है एजेक्स कॉल के बाद नए डोम को फिर से नीचे दिए गए नए HTML पर कॉल करें:

  $ scope.compileHTML = फ़ंक्शन ($ el) {($ संकलन ($ el)) ($ दायरा); $ गुंजाइश $ लागू ()।; };   

इसके बाद यह कॉल करें:

  $ ('# dest')। लोड ('replace.html', फ़ंक्शन () {$ dest.scope () .compileHTML ($ dest);});   

फ़ंक्शन .scope () एक HTML तत्व के लिए सही AngularJS क्षेत्र खोजने की अनुमति देता है एनजी-नियंत्रक के साथ तत्व को सीधे इंगित करने की आवश्यकता नहीं है, एनजी-नियंत्रक के तहत किसी तत्व को इस्तेमाल किया जा सकता है

Comments

Popular posts from this blog

Pass DB Connection parameters to a Kettle a.k.a PDI table Input step dynamically from Excel -

multithreading - PhantomJS-Node in a for Loop -

c++ - MATLAB .m file to .mex file using Matlab Compiler -