将 AngularJS 与 SharePoint WebParts 一起使用时推荐的方法是什么

Question

我们已经开始在一些 SharePoint WebPart 中使用 AngularJS。到目前为止，这一直运行良好，但是，我们注意到当我们开始将多个 AngularJS WebPart 放置到 WebPart 页面上时，只有页面上的第一个 WebPart 由 AngularJS 引导。第二个或第三个根本不起作用。这是因为我们在 AngularJS 中将每个 WebPart 设置为它自己的模块/应用程序。我们能够使用此处描述的技术解决此问题：

Multiple apps and controllers in the same file

这是在 SharePoint WebParts 中使用 AngularJS 的最佳做法，还是有更好的方法？

Answer 1

步骤：

1) 在最高站点集合级别上传 Angular JS 文件。

2) 在母版页中引用 Angular JS 文件。

3) 在母版页中创建一个模块并在所有页面中引用相同的模块（为每个页面创建单独的控制器）。

4) 使用 Angular JS 创建一个 html 页面，其中包含您想要的 Web 部件的所有显示。

5) 在页面上添加内容编辑器 Web 部件并引用该 html 页面。