Angularjs 使用角点删除记录

问题

你好!！我想用angular删除记录。那个看起来一定是这样的：我点击按钮“X”（删除），记录必须被删除

我现在得到了什么

我不知道是否一切都正确，但我的代码如下：

html

拉威尔控制器

public function delete($id)
{
    $response['lists'] = Lists::findorfail($id)->delete();

    return Response($response, 201);
}

拉维尔路线

Route::delete('lists/{id}', 'ListsController@delete');

---

所以现在当我点击按钮时，我无法在agular函数中设置正确的url，因为我无法从$scope.listsdata获取该id。。我可以得到所有数组，但如何得到我想要的唯一id？所以，如果我单击id=1的列表上的按钮，那么角度函数中的函数必须像method=delete和url=url+id一样工作。如何做，请帮助。

将要删除的作为参数传递。并将

列表

重命名为

列表

，因为它表示单个列表：

<div ng-repeat="list in listsdata.lists">
    ...
    <button ng-click="del_list(list)">X</button>

---

在要删除的ng click函数中传递参数

    <div ng-repeat="list in listsdata.lists">
    ...
    <button ng-click="del_list(list)">X</button>
</div>

---

哇，太简单了，非常感谢。。我不知道为什么我想把事情搞砸，虽然这样容易多了。但是，是的，非常感谢。

<div ng-repeat="list in listsdata.lists">
    ...
    <button ng-click="del_list(list)">X</button>

$scope.del_list = function(listToDelete) {
    $http({
        method: 'DELETE',
        url: 'http://localhost/anydocopy/public/lists/'+ listToDelete.id
    });
}

    <div ng-repeat="list in listsdata.lists">
    ...
    <button ng-click="del_list(list)">X</button>
</div>

    $scope.del_list = function(selectedItem) {
    $http({
        method: 'DELETE',
        url: 'http://localhost/anydocopy/public/lists/'+ selectedItem.id
    });
console.log($scope.listsdata.lists)
}