Associare il valore di input al pulsante ng-click (invia valore come parametro)

Question

Sto provando a collegare il valore da un campo di input al parametro del mio metodo su ng-click. Ecco quello che ho ottenuto, ma non funziona, e io non sono troppo sicuro se è possibile farlo in questo modo ?:

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


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

Answer 1

Si dovrebbe usare ng-model direttiva per il vostro elemento di input.

Markup

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

Questo si prenderà cura del modello 2-way binding per la vostra proprietà post.PostId. La tua direttiva ng-click prenderà il valore corretto inserito nell'elemento di input.

Vedi il mio lavoro Plunk :)