angularjs - ng-click 后清除 Controller 中的 ng-model 值

标签 angularjs angularjs-scope angularjs-ng-click

我需要在 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>

Controller 函数

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

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

这可能吗?

请提出解决方案。

最佳答案

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

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

这是样本 Application

关于angularjs - ng-click 后清除 Controller 中的 ng-model 值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34193749/

相关文章:

AngularJS - 范围未更新

javascript - jQuery click 与 AngularJS ng-click 结合使用不触发

javascript - AngularJS:如何默认显示元素并在按下按钮时切换它

javascript - 如何在 Angular 应用程序之间共享过滤器

javascript - 数据库插入后,Angularjs 通过 $http.get 服务刷新 View

Angularjs 不更新变量

javascript - 身份验证在 ionic 和 Firebase 中始终处于事件状态

css - Angularjs 列表元素边距问题将 ng-repeat 元素与静态元素相结合

jquery - 在 AngularJS 中有条件地调用函数

javascript - 使用 ng-click 和函数设置变量之间的 Angular 差异