如何在表单中重置 angularjs 字符计数绑定

【问题标题】：How to reset angularjs character count binding in form如何在表单中重置 angularjs 字符计数绑定
【发布时间】：2014-06-30 12:44:23
【问题描述】：

我在一个角度视图中有多个表单字段，可以在用户键入时对字符进行倒数。但是，我有一个按钮/链接应该重置所有表单字段和字符数。单击时，表单会重置，但字符数不会更新以反映更改。我知道必须有一个我在这里缺少的模型连接（我是一个有角度的新手）。我也知道最好使用$setPristine(); 来休息表格，但我无法让它工作。

这是我得到的：http://embed.plnkr.co/5SGjqPhYYIZF1qp0QAAT/preview

如果能得到任何帮助，我将不胜感激！谢谢！

【问题讨论】：

标签： forms angularjs binding character reset

【解决方案1】：

问题是您的重置按钮没有更新您的字符计数计算所依赖的 Angular 模型值。

不要在form元素上使用reset，只需清除模型值：

HTML：

<a href ng-click="clearForm()">RESET</a>

控制器：

$scope.clearForm = function() {
  $scope.TA3 = '';
  $scope.TA4 = '';
}

Revised Plunker

【讨论】：

太棒了，谢谢！很好很简单 - 以为我已经尝试过了，但是对 clearForm() 函数的调用但没有根据范围执行。此外，我的 clearForm 调用位于表单标签之外 - 在您的示例中，它可以双向工作，但在我的例子中，它仅在重置链接位于表单标签内时才有效。不知道为什么会这样。