How to pass an id from view(HTML) to an AngularJs controller when onclick event is triggered?

Question

I am building an application using ASP.NET and AngularJs. I am trying to pass object id from the view (HTML) to the Angular controller, to then make an http call to the api. I don't know how to pass the id of an specific object from this table when the delete link is clicked.

<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>

and this is how I am trying to make the call to the API from the controller

// 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 () {

            });
    };

Does anybody know how can I pass the id of the respective post on the row clicked to the Angular controller?

John Smith · Accepted Answer · 2016-05-23 21:55:47Z

4

viewModel.deletePost is a function - just call it with parameters.

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

After that you just have to add the parameter to the function:

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

answered May 23, 2016 at 21:55

John Smith

2,3414 gold badges23 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Esteban Verbel Over a year ago

Awesome it worked! The http call is failing but that is something I can figure out. Thank you!

Collectives™ on Stack Overflow

How to pass an id from view(HTML) to an AngularJs controller when onclick event is triggered?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related