这个博客帖子描述了你如何可以有多个 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(document.getElementById(“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