如何使用AngularJS在相应的按钮上按id从数据库中删除特定的行

如何使用AngularJS在相应的按钮上按id从数据库中删除特定的行,angularjs,angularjs-directive,html-table,Angularjs,Angularjs Directive,Html Table,我想通过使用angularJS从数据库中删除一行Html表及其id,我是angularJS的新手,有什么方法可以做到这一点吗?提前谢谢 我用过这样的桌子 <table class="table details"> <thead> <tr> <th sort-by="firstName">Title Initial_Phase</th> <th sort-by="lastName">Travel From</th>

我想通过使用angularJS从数据库中删除一行Html表及其id,我是angularJS的新手,有什么方法可以做到这一点吗?提前谢谢

我用过这样的桌子

<table class="table details">
<thead> 
<tr>
<th sort-by="firstName">Title Initial_Phase</th>
<th sort-by="lastName">Travel From</th>
<th sort-by="created_at">Travel To</th>
<th sort-by="birthDate" sort-init="desc">From-To Date</th>
<th sort-by="birthDate" sort-init="desc">Budget</th>
<th sort-by="birthDate" sort-init="desc">Action</th>
</tr>
</thead>

<tbody>
<tr ng-repeat="issue in issues | filter:filter">
<td><strong><a href="/ViewBid/Index?{{ issue.ID }}" />{{ issue.Title }}             </strong></td>

<td><a href="/ViewBid/Index?{{ issue.ID }}" />{{ issue.Travel_From }}</td>
<td><a href="/ViewBid/Index?{{ issue.ID }}" />{{ issue.Travel_To }}</td>
<td><a href="/ViewBid/Index?{{ issue.ID }}" />{{ issue.From_Date | date }} -        {{ issue.To_Date | date }}</td>

<td><a href="/ViewBid/Index?{{ issue.ID }}" />{{ issue.Budget_Max }}</td>
<td><button type="button">Delete</button></td>
</tr>
</tbody>
</table>

标题初始阶段
从
前往
至今
预算
行动
{{issue.Title}}
{{issue.Travel_From}}
{{issue.Travel_To}
{{issue.From|Date}-{{issue.To|Date}
{{issue.Budget_Max}
删除
以下是一个示例:

<table class="table table-bordered"
    <thead><th>Name </th>
            <th>Delete</th>
    </thead>
 <tbody>
     <tr ng-repeat="data in List">
            <td>{{data.Name }}</td>
            <td> <input type="button" value="Delete" class="btn btn-danger btn-sm"
     ng-bootbox-confirm='R U Sure to Delete' ng-bootbox-confirm-action="delete(data)" ng-bootbox-confirm-action-cancel="confirmCallbackCancel   

(attr1, attr2)" /></td>
    </tr>
在角工厂

 delete: function (data) {
            return $http({
                url: 'url path',
                method: 'POST',
                data: data
            })
        }
以下是一个例子:

<table class="table table-bordered"
    <thead><th>Name </th>
            <th>Delete</th>
    </thead>
 <tbody>
     <tr ng-repeat="data in List">
            <td>{{data.Name }}</td>
            <td> <input type="button" value="Delete" class="btn btn-danger btn-sm"
     ng-bootbox-confirm='R U Sure to Delete' ng-bootbox-confirm-action="delete(data)" ng-bootbox-confirm-action-cancel="confirmCallbackCancel   

(attr1, attr2)" /></td>
    </tr>
在角工厂

 delete: function (data) {
            return $http({
                url: 'url path',
                method: 'POST',
                data: data
            })
        }

需要更多的细节。你有api的url吗?有html页面标记吗?@YatinGera谢谢你replying@YatinGera即使我知道如何获取特定行的id,也很容易进行进一步编码。当您从服务器获取行列表时,也可以获取id。使用ng repeat将项目绑定到html。这样,每行在其作用域上都有一个名为id的属性,因为ng repeat会为每个项创建新的作用域。在delete按钮上,只需将该id传递给您的控制器,该控制器可以向服务器发出http delete请求以删除该项。希望有帮助你到底在说什么?你太懒了,不能提供一份关于你所问问题的报告?!是的,你很懒——你所有其他的问题都是这样,需要更多的细节。你有api的url吗?有html页面标记吗?@YatinGera谢谢你replying@YatinGera即使我知道如何获取特定行的id,也很容易进行进一步编码。当您从服务器获取行列表时,也可以获取id。使用ng repeat将项目绑定到html。这样,每行在其作用域上都有一个名为id的属性,因为ng repeat会为每个项创建新的作用域。在delete按钮上,只需将该id传递给您的控制器,该控制器可以向服务器发出http delete请求以删除该项。希望有帮助你到底在说什么?你太懒了,不能提供一份关于你所问问题的报告?!是的,你很懒——你所有的其他问题都是这样