asp.net-mvc – Angular.js和WebAPI CRUD示例

发布时间：2020-12-16 09:39:22 所属栏目：asp.Net 来源：网络整理

导读：我有一个asp.net mvc4 Web应用程序,例如,它允许我管理站点的成员和成员资源. 在会员的主页上有几个关于他们的个人资料的不同部分.我想使用angular.js和webapi(entityframework)来允许他们在适当的位置编辑他们的地址细节并保存它们而不需要页面回发.我想最好

我有一个asp.net mvc4 Web应用程序,例如,它允许我管理站点的成员和成员资源.
在会员的主页上有几个关于他们的个人资料的不同部分.我想使用angular.js和webapi(entityframework)来允许他们在适当的位置编辑他们的地址细节并保存它们而不需要页面回发.我想最好的起点是有一个部分视图,它将这些地址详细信息显示为主页面视图的一部分.

有这样的设置的例子吗？

解决方法

你绝对可以做到这一点.首先,根据用户选择的部分切换详细信息,您有两个选择：

1)创建模块并设置路由.这些路由将允许您拥有一个基本HTML页面,其中的区域可以根据您在应用程序中单击的URL切换部分HTML“视图”. AngularJS站点有一个tutorial where they do something similar.付费通知ng-view说明.

2)您可以创建自定义指令并获取外部HTML部分页面.在指令中,您“编译”HTML部分,它允许您使用该页面上的任何指令(ng-click,ng-class等),然后将其呈现在原始页面中声明div的位置.这有点高级,所以首先看一下ng-view示例.

要将数据发送回mvc应用程序,您需要在angular中执行的操作是将一个资源声明一个资源,然后将url返回到您发布数据的mvc应用程序,然后向其发送一些数据.像这样的东西：

$resource('api/updateUserData',{userName: userNameVar,userEmail: userEmailVar},function(data){
            //callback code where you do something with the returned data if any
          }
);

有一个很好的github项目叫做angular-app,它有一个基本的CRUD设置,向你展示如何布局角度应用程序本身,如何使用测试,如何最好地构建角度文件等等.这可能比你需要的多一点.对于这个小项目,但如果您的应用程序增长,它至少可以为您提供有关如何向前推进的一些想法.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!