操作方法: 启用在同一页的多个角的 SharePoint Web 部件。

这个博客帖子描述了你如何可以有多个 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 部件和它的作品的魅力.

</结束>

undefined订阅我的博客.

跟我在 Twitter 上 http://www.twitter.com/pagalvin

5 上“的想法操作方法: 启用在同一页的多个角的 SharePoint Web 部件。

    1. 保罗 · 高尔文 文章作者

      很好的问题. 在此情况下, 我做到了在线使用 SharePoint (O365).

      我 * 相信 *,我的 colleagie 也是这样在 SP 2013 关于 prem.

      我贴了一个问题到 reddit.com/r/angularjs, 问是否这种应该标准. 有限的网站,我是,是的, 手动引导是要走的路. 只是一些意见.

      答复
  1. pingback的: 在页上的手动或自动引导角 – 它似乎是最安全的手动引导? - 读卡器

  2. pingback的: SharePoint 2013: Recopilatorio de 交织缠绕 interesantes (LXI)! | Pasión por 拉国家。.

  3. pingback的: SharePoint 2013: Recopilatorio de 交织缠绕 interesantes (LXI)! - 博客 de Juan Carlos González en Geeks.MS

留言

您的电子邮件地址不会被公开. 必需的地方已做标记 *