Bind input value to ng-click button (send value as parameter)


I’m trying to bind the value from an input field to the parameter of my method on ng-click. Here’s what I got, but it doesn’t work, and I am not too sure if it’s possible to do it this way?:

<input type="text" name="name" value="{{post.PostId}}" />
<button ng-click="getById(post.PostId)"></button>

$scope.getById = function (id) {
        return $http.get('/api/Post/' + id);


You should use ng-model directive for your input element.


 <input type="text" name="name" ng-model="post.PostId" />
 <button ng-click="getById(post.PostId)"></button>

This will take care of 2-way model binding to your property post.PostId. Your ng-click directive will pick up the correct value entered in input element.

See my working Plunk 🙂

Answered By – JDTLH9

Answer Checked By – David Marino (AngularFixing Volunteer)

Leave a Reply

Your email address will not be published.