Javascript 如何使用angularjs单击按钮更新数据库中的数据

Javascript 如何使用angularjs单击按钮更新数据库中的数据,javascript,asp.net,angularjs,api,datagridview,Javascript,Asp.net,Angularjs,Api,Datagridview,我是新来的,所以有问题。我的小项目的主要思想是我必须显示数据库中的数据。通过调用api和对数据库的请求,所有内容都应该显示在视图中。现在显示当前数据是可行的。现在我想通过单击按钮来更新数据库中的数据,但不幸的是,我不知道我必须在控制器中编写什么样的函数。 这是我的DataGridView.js var app = angular.module('myApp', ['ngResource']); app.controller('myCtrl', function ($scope, $resourc

我是新来的,所以有问题。我的小项目的主要思想是我必须显示数据库中的数据。通过调用api和对数据库的请求,所有内容都应该显示在视图中。现在显示当前数据是可行的。现在我想通过单击按钮来更新数据库中的数据,但不幸的是,我不知道我必须在控制器中编写什么样的函数。 这是我的DataGridView.js

var app = angular.module('myApp', ['ngResource']);
app.controller('myCtrl', function ($scope, $resource, $http, $routeParams, $location) {

    var Users = $resource('/api/tables');
    $scope.users = Users.query(function () {
        //console.log(user);
    });
});
这是我的(API)Tables1Controller.cs,唯一的主要方法

public string GetTables()
        {
            JavaScriptSerializer jss = new JavaScriptSerializer();
            return jss.Serialize(db.Tables);
        } 
这是我显示数据的索引,我添加了一个按钮

<table class="table">
    <thead>
        <tr>
            <th>Id</th>
            <th>Name</th>
            <th>Surname</th>
            <th>Address</th>
        </tr>
    </thead>
    <tbody>
        <tr ng-repeat="user in users">
            <td>{{user.Id}}</td>
            <td>{{user.Name}}</td>
            <td>{{user.Surename}}</td>
            <td>{{user.Address}}</td>
        </tr>
    </tbody>
</table>

<div ng-repeat=>
    {{ user.Name }}
    a
</div>
<div class="btn btn-danger">Button</div>

身份证件
名称
姓
地址
{{user.Id}
{{user.Name}
{{user.Surename}
{{user.Address}
{{user.Name}
A.
按钮
在_Layout.cshtml中,我在body中添加了ng应用程序和ng控制器。最好的解决方案是什么


编辑:我知道它应该以ng click near按钮开始,但我不知道如何编写要更新的函数。

看起来您正在使用ASP.Net MVC和Angular。在这种情况下,“controller”令人困惑,因为它在MVC和Angular中的含义不同

回到你的问题,你需要两件事

  • 角度:当用户单击按钮时,使用$http.post发送数据。$http.post的URL应与#2的路由匹配
  • MVC控制器:添加HttpPost控制器以从浏览器接收数据。并运行insert命令将数据保存到存储器中
  • 解决了

    在js文件中,我添加了:

    $scope.update = (function () {
            var Users = $resource('/api/tables');
            $scope.users = Users.query(function () {
            });
        });
    
    在html文件中,我做了如下操作:

    <div class="btn btn-danger" ng-click="update()">Refresh</div>
    
    刷新
    
    此外,您还可以阅读有关ngResource的内容,例如这里