Clear ng-model value in controller after ng-click

Question

I need to change the ng-model value to empty after ng-click

My code:

<div class="desc-gestures-comment ind-row">
  <textarea id="txtCommentArea" class="comment-box text-comment-listing" name="comment" placeholder="Your comment" data-ng-model="newCommentTxt">  </textarea>

  <p class="text-center"><span class="btn-common btn-blue btn-large" data-ng-click="saveParentComment(newCommentTxt)">Post Comment</span></p>
</div>

Controller function

$scope.saveParentComment = function(newCommentTxt){
  alert(newCommentTxt)
  $scope.newCommentTxt = '';
}

After the $scope.saveParentComment, I need to change the newCommentTxt value to empty.

Is it possible ?

Please suggest solution.

yes. It is possible. You can assign any value to ng-model inside controller. — Ved, Dec 10 '15 at 04:36
you can use $scope.$watch ... http://stackoverflow.com/questions/15112584/angularjs-using-scope-watch-and-scope-apply — Kisspa, Dec 10 '15 at 04:45
I tried but the value is not changing.. The ng-model value only i can paas through the parameter otherwise **$scope.newCommentTxt** is undefined — Kichu, Dec 10 '15 at 04:50
make sure you are using this html markup inside ng-app='yourApp' and ng-controller='yourController'. — Anupam Singh, Dec 10 '15 at 04:55

score 4 · Accepted Answer · answered Dec 10 '15 at 04:51

4

You dont have to pass the value inside a function since the scope variable is already there, just need to make the scope variable empty in your function,

 $scope.saveParentComment = function () {
        $scope.newCommentTxt = "";
    };

Here is the sample Application

answered Dec 10 '15 at 04:51

Sajeetharan

216,225
63
350
396

Thanks for your reply!!.I am using the same code on my end. I solved the problem.This issue is because of i am using ng-if on my end that will not pass the ng-model value. I changed ng-if to ng-show now its working fine – Kichu Dec 10 '15 at 05:00

score 1 · Answer 2 · edited Nov 01 '17 at 10:56

1

If you just want to set empty string to $scope.newCommentTxt, then there is no need to do it inside a function.

You can set empty string inside html code itself.

data-ng-click="saveParentComment();newCommentTxt=''";

edited Nov 01 '17 at 10:56

Kaustubh Khare

3,280
2
32
48

answered Dec 10 '15 at 04:46

Nilesh Patil

45
4

this is similar and it works: ng-click="saveParentComment();newCommentTxt=undefined" – Diego87 Jul 13 '17 at 12:26

score -3 · Answer 3 · edited Dec 10 '15 at 04:55

-3

Just make a empty scope variable like $scope.newCommentTxt = ''; the variable will be empty when the ng-click functions is called the should be like this

Post Comment

edited Dec 10 '15 at 04:55

Nilesh Patil

45
4

answered Dec 10 '15 at 04:39

Rana Ahmer Yasin

437
3
17

Clear ng-model value in controller after ng-click

3 Answers3