將輸入值綁定到ng-click按鈕（將值作爲參數發送）

Question

我試圖將輸入字段的值綁定到ng-click方法的參數上。下面是我得到了什麼，但它不工作，我也不太清楚，如果有可能做這種方式？：

<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

您應該使用ng-model指示您的輸入元素。

標記

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

這會照顧2路模型綁定到你的財產post.PostId。您的ng-click指令將提取輸入元素中輸入的正確值。

見我的工作Plunk :)