如何在WebServices项目中使用AngularJS

本文关键字：AngularJS 项目 WebServices | 更新日期: 2023-09-27 18:25:31

我目前正在（作为一个学校项目，没有任何实际工作）开发一个RESTWebServices来处理一个小聊天系统。WebServices层已经完成，但现在我必须添加一个管理面板，允许用户管理他们的数据库（注册的会话、消息等）。

我想知道如何使用Angular JS来实现这一点。

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

提前感谢您的回答。

如何在WebServices项目中使用AngularJS

首先，您的AngularJS项目应该是包含UI&调用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);

希望它能帮助

您将创建一个html表单，该表单在文本字段上使用ng模型来表示后端模型。接下来，您将需要一个控制器来通过一个服务发送这些模型，该服务将与您的rest web服务交互，以持久化您的数据。实际上，我目前正在开发几个这样的应用程序，但它们有一个基于node.js的后端，而不是.Net，但发送和检索数据的格式是json。

相关文章：