這個博客帖子描述了你如何可以有多個 Angular.js 基於 SharePoint web 部件 (內容編輯器 web 部件通過引用) 在同一頁上. 我打電話內容編輯器 web 部件 (CEWP) 引用 JavaScript 使用 Angular.js 框架"角的 Web 組件"。
角的自舉過程是超級容易，只是大約每個示例，您在互聯網找到了這樣的事情:
<html 吳 app = 'myApp'>
<布拉赫 /><布拉赫 /><布拉赫 />
</html>
這打破了, 然而, 如果您想要啟用多個 CEWP 代表在同一頁的多個角的 web 部件。. 角將只能自動引導反對第一的吳 app 指令它發現 – 至少版本為角 1.3.6. 解決方案非常簡單 — — 那就是手動引導代碼相反. 上述現在更改為這樣的事情:
<正文>
<d四、 id =”bootstrapHere” 吳控制器 =”作為 theController myController”>
<布拉赫 /><布拉赫 /><布拉赫 />
</div>
</正文><腳本 src =”//ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular.js”></腳本>
<腳本>
angular.bootstrap(angular.element(這段代碼(“bootstrapHere”)),['' myApp]);
</腳本>
基本上, 而不是使用吳 app 在元素上，要做你的引導, 你拍到該元素的 ID. 然後, 使用引導() 上角的方法本身來控制自舉過程在運行時. 這已經進行同一頁上的三個不同的角 web 部件和它的作品的魅力.
</結束>
跟我在 Twitter 上 http://www.twitter.com/pagalvin
你好, 這被有關 SharePoint 的哪個版本? SP2013, SP2010, SPOnline?
很好的問題. 在此情況下, 我做到了線上使用 SharePoint (O365).
我 * 相信 *，我的 colleagie 也是這樣在 SP 2013 關於 prem.
我貼了一個問題到 reddit.com/r/angularjs, 問是否這種應該標準. 有限的網站，我是，是的, 手動引導是要走的路. 只是一些意見.
pingback的: 在頁上的手動或自動引導角 – 它似乎是最安全的手動引導? - 讀卡機
pingback的: SharePoint 2013: Recopilatorio de 交織纏繞 interesantes (LXI)! | Pasión por 拉國家。.
pingback的: SharePoint 2013: Recopilatorio de 交織纏繞 interesantes (LXI)! - 博客 de Juan Carlos González en Geeks.MS