ng-click 后清除控制器中的 ng-model 值

Question

我需要在 ng-click

之后将 ng-model 值更改为空

我的代码：

<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>

控制器函数

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

在 $scope.saveParentComment 之后，我需要将 newCommentTxt 值更改为空。

可能吗？

请提出解决方案。

Answer 1

只需创建一个空范围变量，如 $scope.newCommentTxt = ''; 当调用 ng-click 函数时变量将为空应该是这样的

Post评论

Answer 2

如果只想将空字符串设置为$scope.newCommentTxt，则无需在函数中进行设置。

您可以在 html 代码本身中设置空字符串。

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

Answer 3

你不必在函数内部传递值，因为范围变量已经存在，只需要在你的函数中将范围变量设为空，

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

这是示例Application

ng-click 后清除控制器中的 ng-model 值

Clear ng-model value in controller after ng-click

angularjs

angularjs-scope

angularjs-ng-click