इस ब्लॉग पोस्ट बताता है कि कैसे हो सकता है आप एकाधिक Angular.js आधारित SharePoint वेब पार्ट्स (किसी सामग्री संपादक वेब पार्ट के द्वारा संदर्भित) पर उसी पृष्ठ. मैं किसी सामग्री संपादक वेब पार्ट को बुला रहा हूँ (CEWP) कि जावास्क्रिप्ट Angular.js ढांचे के एक "कोणीय वेब भाग." का उपयोग कर बनाया का संदर्भ
कोणीय के बूटस्ट्रैप प्रक्रिया आसान सुपर है और बस के बारे में हर उदाहरण आप पाते हैं internets पर कुछ इस तरह चला जाता है:
<html एनजी-app 'myApp' =>
<blah /><blah /><blah />
</html>
यह टूट जाता है, फिर भी, यदि आप एक ही पृष्ठ पर एकाधिक कोणीय वेब पार्ट्स एकाधिक CEWP का प्रतिनिधित्व करने को सक्षम करने के लिए चाहते हैं. कोणीय ही स्वचालित रूप से पहली एनजी-app निर्देशक के खिलाफ यह ढूँढता bootstrap करेंगे – कम से कम कोणीय संस्करण के रूप में 1.3.6. समाधान बहुत आसान है-मैन्युअल रूप से आपके कोड इसके बजाय bootstrap. इसके बाद के संस्करण अब कुछ इस तरह से बदलता है:
<शरीर>
<घचतुर्थ id =”bootstrapHere” एनजी-नियंत्रक =”myController theController के रूप में”>
<blah /><blah /><blah />
</div>
</शरीर><स्क्रिप्ट src =”//ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular.js”></स्क्रिप्ट>
<स्क्रिप्ट>
angular.bootstrap(angular.element(document.getElementById(“bootstrapHere”)),['myApp']);
</स्क्रिप्ट>
मूल रूप से, एनजी-app पर तत्व करने के लिए अपने bootstrapping बजाय का उपयोग कर, आप किसी ID उस तत्व पर थप्पड़. तब, bootstrap का उपयोग करें() कोणीय पर विधि ही bootstrapping को नियंत्रित करने के लिए रन-टाइम की प्रक्रिया. मैं इस एक ही पृष्ठ पर तीन अलग अलग कोणीय वेब पार्ट्स के साथ परीक्षण किया है और यह एक आकर्षण काम करता है.
</अंत>
मेरे ब्लॉग के लिए सदस्यता लें.
मेरे चहचहाना पर का पालन करें http://www.twitter.com/pagalvin
नमस्ते, SharePoint का कौन सा संस्करण इस से संबंधित है? SP2013, SP2010, SPOnline?
महान प्रश्न. इस मामले में, मैं इसे का उपयोग कर SharePoint ऑनलाइन किया था (O365).
मैं * विश्वास * कि मेरे colleagie भी इस सपा में किया 2013 पर-प्रेम.
मैं reddit.com/r/angularjs के लिए एक प्रश्न पोस्ट किया गया, पूछ कि क्या इस तरह के मानक होना चाहिए. सीमित feedbcak मैं मिला था कि हाँ, मैनुअल bootstrapping रास्ता तय करना है. बस कुछ राय.
Pingback: मैनुअल या स्वचालित Angular bootstrapping एक पेज पर – ऐसा लगता है जैसे मैनुअल bootstrapping सबसे सुरक्षित है? - पाठक
Pingback: SharePoint 2013: Interesantes Recopilatorio डे enlaces (LXI)! | Pasión क्रम ला tecnología....
Pingback: SharePoint 2013: Interesantes Recopilatorio डे enlaces (LXI)! - ब्लॉग डे Juan Carlos González एन Geeks.MS