将输入值绑定到 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-way 模型绑定到您的属性 post.PostId。您的 ng-click 指令将选取输入元素中输入的正确值。

看我的作品Plunk :)

将输入值绑定到 ng-click 按钮（将值作为参数发送）

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

html

javascript

angularjs

angularjs-ng-click

angularjs-ng-model