Blog này bài viết mô tả làm thế nào bạn có thể có nhiều Angular.js dựa SharePoint web phần (tham chiếu thông qua một trình soạn thảo nội dung web phần) trên cùng một trang. Tôi sẽ gọi cho một trình soạn thảo nội dung web phần (CEWP) mà tài liệu tham khảo các JavaScript được xây dựng bằng cách sử dụng khuôn khổ Angular.js một "góc Web phần."
Góc của quá trình bootstrap là siêu dễ dàng và chỉ là về mọi ví dụ mà bạn tìm thấy trên các internets đi một cái gì đó như thế này:
<HTML ng-app = 'myApp'>
<blah /><blah /><blah />
</HTML>
Điều này phá vỡ, Tuy nhiên, Nếu bạn muốn cho phép nhiều CEWP đại diện cho nhiều bộ phận web góc trên cùng một trang. Góc sẽ chỉ tự động bootstrap chống lại chỉ thị của ứng dụng đầu tiên nó tìm thấy – tối thiểu theo góc Phiên bản 1.3.6. Giải pháp là khá đơn giản-theo cách thủ công bootstrap mã của bạn để thay thế. Ở trên bây giờ thay đổi một cái gì đó như thế này:
<cơ thể>
<dIV id =”bootstrapHere” ng-điều khiển =”myController như theController”>
<blah /><blah /><blah />
</div>
</cơ thể><script src =”//Ajax.googleapis.com/Ajax/libs/angularjs/1.3.6/Angular.js”></kịch bản>
<kịch bản>
angular.bootstrap(angular.Element(document.getElementById(“bootstrapHere”)),['myApp']);
</kịch bản>
Về cơ bản, thay vì sử dụng của ứng dụng trên các yếu tố làm bootstrapping của bạn, bạn slap một ID vào yếu tố đó. Sau đó, sử dụng bootstrap() Các phương pháp trên góc riêng của mình để kiểm soát các bootstrapping xử lý tại thời gian chạy. Tôi đã thử nghiệm này với ba bộ phận web góc khác nhau trên cùng một trang và nó hoạt động một nét duyên dáng.
</kết thúc>
Theo tôi trên Twitter lúc http://www.twitter.com/pagalvin
Chào bạn, Phiên bản của SharePoint này liên quan đến? SP2013, SP2010, SPOnline?
Câu hỏi lớn. Trong trường hợp này, Tôi đã làm nó bằng cách sử dụng SharePoint trực tuyến (O365).
Tôi * tin * rằng colleagie của tôi cũng đã làm điều này trong SP 2013 prem trên.
Tôi đăng một câu hỏi để reddit.com/r/angularjs, yêu cầu cho dù đây nên loại có tiêu chuẩn. Feedbcak giới hạn tôi có là rằng có, hướng dẫn sử dụng bootstrapping là con đường để đi. Chỉ là một số ý kiến.
Pingback: Hướng dẫn sử dụng hoặc tự động bootstrapping góc trên một trang – nó có vẻ như hướng dẫn sử dụng bootstrapping là an toàn nhất? - Đọc
Pingback: SharePoint 2013: Recopilatorio de Laces interesantes (LXI)! | Pasión por la tecnología....
Pingback: SharePoint 2013: Recopilatorio de Laces interesantes (LXI)! - Blog de Juan Carlos González en Geeks.MS