บล็อกนี้โพสต์อธิบายวิธีคุณสามารถมีหลาย 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 ส่วนเว็บแองกูลาร์ที่แตกต่างกันในหน้าเดียวกัน และการทำงานคือ.
</สิ้นสุด>
ทำตามฉันใน Twitter ที่ http://www.twitter.com/pagalvin
สวัสดี, นี้สัมพันธ์กับรุ่นของ SharePoint หรือไม่? SP2013, SP2010, SPOnline?
คำถามที่ดี. ในกรณีนี้, ไม่ได้ใช้ SharePoint ออนไลน์ (O365).
ฉัน * เชื่อว่า * ที่ colleagie ของฉันยังไม่ได้ซึ่งใน SP 2013 -เปรม.
ลงคำถามกับ reddit.com/r/angularjs, ถามว่า นี้ควรจัดเรียงของเป็นมาตรฐาน. Feedbcak จำกัดได้เป็นที่ใช่, bootstrapping ด้วยตนเองเป็นทางไป. ความคิดเห็นเพียงบางส่วน.
Pingback: ด้วยตนเอง หรือโดยอัตโนมัติ bootstrapping เชิงมุมบนเพจ – มันดูเหมือนว่า bootstrapping ด้วยตนเองจะปลอดภัยที่สุด? - อ่าน
Pingback: SharePoint 2013: เดอ Recopilatorio enlaces interesantes (LXI)! | Pasión ปอลา tecnología ....
Pingback: SharePoint 2013: เดอ Recopilatorio enlaces interesantes (LXI)! - บล็อกน้ำ González Juan Carlos de Geeks.MS