AngularJS + SharePoint列表 + Rest API

Question

以下是我想要完成的简单任务：

1）创建一个简单的表格——员工详细信息表，并使用SharePoint列表保存数据。

2）使用AngularJS和REST服务来完成对员工详细信息的CRUD操作。如果您使用SharePoint列表，则无需单独编写服务代码，因为REST API已经可用。

因此，我的任务是将SharePoint列表与AngularJS和REST通信。我对AngularJS、SharePoint和REST都不熟悉。尝试在Google上搜索，但找不到相同的内容。

- Girish

---

你已经尝试了什么？对我来说，这似乎是一道你自己没有解决的学术练习... - cubitouch

我尝试了许多教程、视频和文章，但由于我对Angular、Rest和SharePoint这三个方面都很陌生，所以无法将它们整合成一个可工作的单一应用程序。 - Girish

我从http://www.codeproject.com/Articles/637430/Angular-js-example-application、http://angularjs.org/、http://viralpatel.net/blogs/angularjs-controller-tutorial/等网站学到了相当不错的AngularJS知识。 - Girish

您正在使用哪个版本的SharePoint？ - Dalorzo

Answer 1

我发现Saikiran Sheshagiri写了一篇很好的、易于理解的文章article，其中阐述了如何使用Rest API和AngularJS获取SharePoint 2013中的列表数据。

Jeremy Thake也写了一个很棒的article，其中解释了如何使用REST API和AngularJS服务来托管Web。

- Alex Choroshin

---

我无法理解如何管理Jeremy文章中在files/solution中提供的代码？ - Girish

在Jeremy的例子中，他将文件存储在主机Web环境（即ASP.NET）上，因此问题是，您正在编写什么样的应用程序？托管应用程序还是在SharePoint上托管的某种Web部件？ - Alex Choroshin

我希望它是在ASP.NET应用程序中，而不是Web部分。 - Girish

尝试一下Jeremy的示例，他使用ASP.NET MVC和AngularJS： http://www.jeremythake.com/2013/10/sharepoint-hosted-app-with-rest-angularjs-for-mvc-javascript/ - Alex Choroshin

我试图处理http://www.jeremythake.com/2013/10/sharepoint-hosted-app-with-rest-angularjs-for-mvc-javascript/，但在var context = SP.ClientContext.get_current()行上出现错误。SP未定义。我只是从给定的代码创建了两个文件：1. Html文件 2.Js文件。并且我无法在VS 2013中打开给定的项目代码。我是否需要任何额外的东西来在VS 2013中打开此项目。 - Girish

Answer 2

尝试按照以下顺序分别解决问题：

使用AngularJS创建一个界面，以完成CRUD UI部分所需的功能。

按照建议创建一个SharePoint列表，以保存您的条目。

将AngularJS路由连接到SharePoint REST Web服务，以将UI与数据存储连接起来。

请参阅https://www.twilio.com/blog/2013/12/votr-part-5-angularjs-crud-restful-apis.html获取第一和最后一点，以及http://msdn.microsoft.com/en-us/magazine/dn198245.aspx获取第二点。

- cubitouch

---

好的，谢谢。我会尝试使用这些链接，并很快发布我的结果。 - Girish