6

Ich versuche, den Wert von einem Eingabefeld an den Parameter meiner Methode bei ng-click zu binden. Hier ist, was ich habe, aber es funktioniert nicht, und ich bin nicht sicher, ob es möglich ist es auf diese Weise zu tun ?:Eingabewert an ng-klick-Taste binden (Wert als Parameter senden)

<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); 
    } 
+0

welches Problem Sie bekommen jetzt nach Code @ JDTLH9 Vorschlag zu ändern? –

+0

Nun das Problem ist, dass der Titel des Beitrags überhaupt nicht erscheint in der 'h1' Tag – btmach

Antwort

19

Sie ng-model Richtlinie für Ihr Eingabeelement verwendet werden sollen.

Markup

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

Diese Pflege post.PostId, um Ihr Eigentum Bindung von 2-Wege-Modell nehmen. Ihre ng-click Direktive wird den richtigen Wert aufnehmen, der im Eingabeelement eingegeben wurde.

Meine Arbeit Plunk :)

+0

Nun, es scheint nicht zu funktionieren, aber ich habe mehr Code zum ursprünglichen Beitrag hinzugefügt, so dass Sie die getById sehen können:) – btmach

+0

@btmach sollte es funktionieren, wie Sie wollten. Bitte beachten Sie den Link zum Plunk in meiner bearbeiteten Antwort. – JDTLH9

+1

Gelöst es, danke :) – btmach

Verwandte Themen