Angularでフォームが送信された後、テキストボックスを空にしたい
タイトルの通りです。Angularを採用したフォームで、テキストボックスの値が送信されたらcontroller側で空にする処理を書いているのですが、ng-repeat内で思うように動作しなくて苦戦しているので質問させていただきました。
1つのshopの中にn個のitem_listがあり、そのなかに紐付く形で複数のitemが格納されているという前提です。
shop(1) -> item_list(n) -> item(n)
ng-repeatの外(コメントアウトしている部分のコード)では問題なくフォームを送信後にテキストボックスが空にできるのですが、ng-repeatの中で同じことができなくて困っています。特定のテキストボックスを空にするのではなく、itemBodyに関連づいたテキストボックスを全て空にしたいだけなくのですが上手くいきません... どうかよろしくお願いいたします。
angular.module('angularApp').controller "ShopController", ($scope) ->
$scope.addItem = (itemBody, contentId) ->
$scope.itemBody = ""
-
.container ng-controller="ShopController" ng-init="init()"
//form id="new_item" ng-submit="addItem(itemBody, item_list.id)"
//input type="text" id="itemBody" ng-model="itemBody"
//input type="submit" value="追加"
ul
li ng-repeat="item_list in article.item_lists"
ul
li ng-repeat="item in item_list.items"
input type="submit" value="削除" ng-click="deleteItem(item)"
form id="new_item" ng-submit="addItem(itemBody, item_list.id)"
input type="text" id="itemBody" ng-model="itemBody"
input type="submit" value="追加"