如何在觸發onclick事件時將id從視圖（HTML）傳遞給AngularJs控制器？

Question

我正在使用ASP.NET和AngularJs構建一個應用程序。 我試圖將對象ID從視圖（HTML）傳遞到Angular控制器，然后對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>

這就是我試圖從控制器調用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 () {

            });
    };

有人知道如何在點擊Angular控制器的行上傳遞相應帖子的id？

Answer 1

viewModel.deletePost是一個函數 - 只需用參數調用它。

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

之后，您只需將參數添加到函數中：

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