هذا بلوق وظيفة يصف كيف يمكن أن يكون لديك متعددة Angular.js على أساس أجزاء ويب في SharePoint (المشار إليه بواسطة جزء ويب محرر المحتوى) في نفس الصفحة. أنني أدعو جزء ويب محرر المحتوى (سوب) أن مراجع جافا سكريبت التي تم إنشاؤها باستخدام إطار Angular.js "جزء ويب زاوي."

عملية الزاوي bootstrap السوبر سهلة ومجرد عن كل مثال تجد على الإنترنت يذهب شيء من هذا القبيل:

<إتش تي أم ال نغ-التطبيق = 'myApp'>

<بلاه/><بلاه/><بلاه/>

</html>

وهذا ينهار, ومع ذلك, إذا كنت تريد تمكين متعددة سوب تمثل أجزاء ويب الزاوي متعددة في نفس الصفحة. الزاوي وسوف فقط تلقائياً bootstrap ضد التوجيه نغ-التطبيق الأول يرى – على الأقل اعتبارا من الإصدار الزاوي 1.3.6. الحل بسيط جداً – bootstrap يدوياً التعليمات البرمجية الخاصة بك بدلاً من ذلك. ما ورد أعلاه الآن يتحول إلى شيء من هذا القبيل:

<الهيئة>
<درابعا معرف =”بوتسترافيري” الحرس الوطني-تحكم =”ميكونترولير ثيكونترولير”>
<بلاه/><بلاه/><بلاه/>
</div>
</الهيئة>

<برنامج نصي src =”//ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular.js”></البرنامج النصي>

<البرنامج النصي>
angular.bootstrap(angular.element(document.getElementById(“بوتسترافيري”)),['myApp']);
</البرنامج النصي>

أساسا, بدلاً من استخدام الحرس الوطني-التطبيق على العنصر للقيام بالبأس الحذاء الخاص بك, يمكنك صفعة معرف على هذا العنصر. ثم, استخدم bootstrap() الأسلوب على الزاوي العملية نفسها السيطرة ألباس الحذاء في وقت التشغيل. لقد اختبرت هذه مع ثلاثة أجزاء ويب الزاوي مختلفة على نفس الصفحة ويعمل السحر.

</نهاية>

الاشتراك في بلادي بلوق.

اتبعني على التغريد في http://www.twitter.com/pagalvin