web-dev-qa-db-ja.com

入力値をng-clickボタンにバインドします（パラメーターとして値を送信）

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);
    }
javascripthtmlangularjsangularjs-ng-clickangularjs-ng-model
7
btmach

入力要素にはng-modelディレクティブを使用する必要があります。

マークアップ

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

これは、プロパティpost.PostIdへの双方向のモデルバインディングを処理します。 ng-clickディレクティブは、input要素に入力された正しい値を取得します。

私の作業をご覧ください Plunk :)

21
JDTLH9