วิธี: เปิดใช้งานหลายแองกูลาร์ SharePoint Web Parts บนเพจเดียวกัน

บล็อกนี้โพสต์อธิบายวิธีคุณสามารถมีหลาย web part ของ SharePoint โดยใช้ Angular.js (อ้างอิงผ่าน web part ตัวแก้ไขเนื้อหา) ในหน้าเดียวกัน. ฉันกำลังเรียก web part ตัวแก้ไขเนื้อหา (CEWP) ที่อ้างอิงถึงจาวาสคริปต์ที่สร้างขึ้นโดยใช้กรอบ Angular.js เป็น "แองกูลาร์กัน"

เชิงมุมของกระบวนการเริ่มต้นระบบจะง่ายสุด และเพียงเกี่ยวกับทุกอย่างที่คุณพบ internets ไปเหมือน:

<html ng app = "myApp">

<บลา /><บลา /><บลา />

</html>

นี้แบ่ง, อย่างไรก็ตาม, ถ้าคุณต้องการเปิดใช้งานหลายแองกูลาร์ web parts บนเพจเดียวกันแสดงหลาย CEWP. เชิงมุมจะเท่าโดยอัตโนมัติ bootstrap กับคำสั่ง ng app แรกจะค้นหา – น้อย ณรุ่นแองกูลาร์ 1.3.6. การแก้ปัญหาง่าย – bootstrap ของแทนด้วยตนเอง. ข้างตอนนี้เปลี่ยนเป็นดังนี้:

<เนื้อความ>
<d
รหัส iv =”bootstrapHere” ควบคุม ng =”myController เป็น theController”>
<บลา /><บลา /><บลา />
</div>
</เนื้อความ>

<สคริปต์ src =”//ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular.js”></สคริปต์>

<สคริปต์>
angular.bootstrap(angular.element(document.getElementById(“bootstrapHere”)),["myApp"]);
</สคริปต์>

โดยทั่ว, แทนที่จะใช้ ng app ในองค์ประกอบในการทำของคุณ bootstrapping, คุณตบรหัสลงในองค์ประกอบที่. แล้ว, ใช้ bootstrap การ() วิธีการในแองกูลาร์เพื่อควบคุม bootstrapping ประมวลผลในขณะทำงาน. ผมได้ทดสอบนี้ มี 3 ส่วนเว็บแองกูลาร์ที่แตกต่างกันในหน้าเดียวกัน และการทำงานคือ.

</สิ้นสุด>

undefinedสมัครสมาชิกไปยังบล็อกของฉัน.

ทำตามฉันใน Twitter ที่ http://www.twitter.com/pagalvin

5 คิดเกี่ยวกับ“วิธี: เปิดใช้งานหลายแองกูลาร์ SharePoint Web Parts บนเพจเดียวกัน

    1. Paul Galvin เขียนโพสต์

      คำถามที่ดี. ในกรณีนี้, ไม่ได้ใช้ SharePoint ออนไลน์ (O365).

      ฉัน * เชื่อว่า * ที่ colleagie ของฉันยังไม่ได้ซึ่งใน SP 2013 -เปรม.

      ลงคำถามกับ reddit.com/r/angularjs, ถามว่า นี้ควรจัดเรียงของเป็นมาตรฐาน. Feedbcak จำกัดได้เป็นที่ใช่, bootstrapping ด้วยตนเองเป็นทางไป. ความคิดเห็นเพียงบางส่วน.

  1. Pingback: ด้วยตนเอง หรือโดยอัตโนมัติ bootstrapping เชิงมุมบนเพจ – มันดูเหมือนว่า bootstrapping ด้วยตนเองจะปลอดภัยที่สุด? - อ่าน

  2. Pingback: SharePoint 2013: เดอ Recopilatorio enlaces interesantes (LXI)! | Pasión ปอลา tecnología ....

  3. Pingback: SharePoint 2013: เดอ Recopilatorio enlaces interesantes (LXI)! - บล็อกน้ำ González Juan Carlos de Geeks.MS

ทิ้งคำตอบไว้

ที่อยู่อีเมลของคุณจะไม่ถูกเผยแพร่. ช่องที่ต้องการถูกทำเครื่องหมาย *