כיצד לבצע: לאפשר מספר חלקים האינטרנט SharePoint זוויתי באותו עמוד

הבלוג הזה הודעות מתאר איך אתה יכול לקבל מספר Angular.js מבוסס web parts של SharePoint (הפניה באמצעות web part של עורך תוכן) באותו עמוד. . אני מתקשר web part של עורך תוכן (CEWP) שמפנה JavaScript נבנה באמצעות המסגרת Angular.js "זוויתי Web Part."

תהליך האתחול של זוויתי סופר קל והולך כל דוגמה שתמצא באינטרנט'ס משהו כזה:

<html ng-app = 'myApp'>

<בלה /><בלה /><בלה />

</html>

זה מתפרק, עם זאת, אם ברצונך לאפשר של CEWP מרובים המייצגים רכיבי web part זוויתי מרובים באותו עמוד. זוויתי רק באופן אוטומטי bootstrap נגד ההנחיה ng-app הראשון זה מוצא – לפחות גירסה זוויתי 1.3.6. הפתרון הוא פשוט למדי – באופן ידני bootstrap הקוד שלך במקום. האמור לעיל עכשיו משתנה למשהו כזה:

<הגוף>
<div id =”bootstrapHere” ng-בקר =”myController כמו theController”>
<בלה /><בלה /><בלה />
</div>
</הגוף>

<סקריפט src =”//ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular.js”></קובץ script>

<קובץ script>
angular.bootstrap(angular.element(document.getElementById(“bootstrapHere”)),['myApp']);
</קובץ script>

בעיקרון, במקום להשתמש ng-app ברכיב לעשות אתחול שלך, אתה סוטר מזהה על גבי ליסוד זה. לאחר מכן, להשתמש את "אוזן הנעל"() שיטה-זוויתי עצמו כדי לשלוט על אתחול לעבד בזמן ריצה. בדקתי את זה עם שלושה רכיבי web part זוויתי שונה באותו העמוד, וזה עובד קסם.

</קצה>

מנוי על הבלוג שלי.

עקוב אחרי הטוויטר ב http://www.twitter.com/pagalvin

5 מחשבות על "כיצד לבצע: לאפשר מספר חלקים האינטרנט SharePoint זוויתי באותו עמוד”

שטח SharePoint של פול גלווין

כיצד לבצע: לאפשר מספר חלקים האינטרנט SharePoint זוויתי באותו עמוד

5 מחשבות על "כיצד לבצע: לאפשר מספר חלקים האינטרנט SharePoint זוויתי באותו עמוד”

תשאיר הודעה בטל תגובה