ng-repeatを利用した場合のバリデーション方法

Question

初投稿ですので
不備がございましたらご了承ください。

AngularJSのng-repeatにてサーバ側から得た情報を
初期値としてテキストボックスに表示させて
そのテキストボックスに変更があった場合にボタンを有効化させたいです。

現在の状況としましては
下記のコードで実行するとテキストを変更してもずっとボタンが無効化です。

ng-disabled="vehicleSellCarForm.$pristine"を
ng-disabled="vehicleSellCarForm.textRemarks.$pristine"とすると
常に有効化になってしまいます。
(エラーコードは出ていません。)

これを上記の通り
テキストボックスの変更があった場合にボタンを有効化させたいです。
調査方法が甘いのか解決策が分かりません。
どうかお力添えの方よろしくお願いします。。

<form name="vehicleSellCarForm">

//省略//

<div class="row vehicleSellCar-list-title-row " ng-repeat="item in vehicleSellCars"> <div class="col-sm-1"> <div> <p>{{item\.name}}</p> </div> </div> <div class="col-sm-1"> <div> <p>{{item\.phone}}</p> </div> </div> <div class="col-sm-2"> <div> <p>{{item\.dateTime}}</p> </div> </div> <div class="col-sm-2"> <div> <p>{{item\.updateTime}}</p> </div> </div> <div class="col-sm-5"> <div> <input type="text" class="textbox" name="textRemarks" value="{{item\.remarks}}" > </div> </div> <div class="col-sm-1"> <button type="button" class="btn btn-primary" ng-disabled="vehicleSellCarForm\.\$pristine">確認</button> </div> </div> </form>

Comments

[kei344]

本文を削除するのはやめましょう。（「回答が付いた」はこちらの早合点でしたすみません）

Answer 1

ごめんなさい。
ng-repeat内でng-modelが使えなかったので無視していたことを
書き込んでまとめたことで閃いて解決しました。
お騒がせしました。

因みに
<input type="text" class="textbox" name="textRemarks" value="{{item\.remarks}}" > を
<input type="text" class="textbox" name="textRemarks" ng-model="item\.remarks" >とすることで
バインディングされてうまくいきました。