如何在WebServices项目中使用AngularJS

Question

我目前正在REST Web服务上工作（作为一个学校项目，没什么实际的）来处理一个小聊天系统。 WebServices层已完成，但现在我必须添加一个管理面板，以允许用户管理他们的数据库（对话已注册，消息等）。

我想知道如何使用Angular JS实现它。

我应该在WebServices上添加所需的功能，还是应该在ASP.NET项目中为此创建一些新的控制器？

提前感谢您的回答。

Answer 1

首先，你的AngularJS项目应该是前端系统，其中包含UI＆amp;用于调用Web服务和Web服务项目的逻辑代码（我不知道您是选择WCF / Web API / ASMX还是其他任何东西）应该是后端系统，它将公开一些HTTP 前端系统要调用的端点（GET / POST / PUT / DELETE）。我建议你把这两个项目分开，这样你就可以更清楚地了解两个项目之间的沟通方式。

对于问题的第二部分，现在您要使用AngularJS来调用您的Web服务。最常见的方式是 $ http（https://docs.angularjs.org/api/ng/service/ $ http）。只需将代码放入事件处理程序（按钮单击或提交），它就应该正常工作。

$http.post('/someUrl', data, config).then(successCallback, errorCallback);

希望有所帮助

Answer 2

您将创建一个html表单，在文本字段上使用ng-model来表示您的后端模型。接下来，您将需要一个控制器通过一项服务发送这些模型，该服务将与您的其他Web服务进行交互以保留您的数据。我实际上正在研究这样的几个应用程序，但它们有一个基于node.js的后端而不是.Net，但发送和检索数据的格式是json。