我们已经开始在一些SharePoint Web部件中使用AngularJS。到目前为止,这一直运行得很好,然而,我们注意到,当我们开始将多个AngularJS WebPart放置到WebPart页面上时,只有页面上的第一个WebPart是由AngularJS引导的。第二个或第三个根本不起作用。这是因为我们在AngularJS中将每个WebPart设置为它自己的模块/应用程序。我们能够使用这里描述的一种技术来解决这个问题:
同一文件中的多个应用程序和控制器
这是在SharePoint WebParts中使用AngularJS的最佳实践,还是有更好的方法?
步骤:
1) 上传顶级网站集级别的angular JS文件。
2) 参考主页中的角度JS文件。
3) 在母版页中创建一个模块,并在所有页面中引用该模块(为每个页面创建单独的控制器)。
4) 使用angular JS创建一个html页面,该页面具有您想要的web部件的所有显示。
5) 在页面上添加一个内容编辑器web部件,并引用该html页面。