javascript - 如何在触发 onclick 事件时将 id 从 View (HTML)传递到 AngularJs Controller ？

Question

我正在使用 ASP.NET 和 AngularJs 构建应用程序。我正在尝试将对象 ID 从 View (HTML) 传递到 Angular Controller ，然后对 api 进行 http 调用。单击删除链接时，我不知道如何从该表中传递特定对象的 ID。

<table class="table table-responsive table-striped">
        <tr ng-repeat="post in viewModel.posts">

            <td>{{ post.text }}</td>
            <td>{{ post.postedOn | date:'medium' }}</td>
            <td><a href="#" class="btn btn-sm">Edit</a></td>

            <td><a ng-click="viewModel.deletePost" class="btn btn-sm">Delete</a></td> 

        </tr>
</table>

这就是我尝试从 Controller 调用 API 的方式

// delete post function
viewModel.deletePost = function () {

        viewModel.errorMessage = "";

        $http.delete("http://localhost:61878/api/posts", viewModel.newPost.id)
            .then(function (response) {

                // sucess delete
                viewModel.posts.delete(response.data);

                viewModel.newPost = {};

            }, function () {
                // failed to delete

                viewModel.errorMessage = "Failed to delete post"
            })
            .finally(function () {

            });
    };

有谁知道如何将单击的行上的相应帖子的 ID 传递给 Angular Controller ？

Answer 1

viewModel.deletePost 是一个函数 - 只需使用参数调用它。

<a ng-click="viewModel.deletePost(post.id)" class="btn btn-sm">Delete</a>

之后，您只需将参数添加到函数中:

viewModel.deletePost = function (id) { ... }