forms - 使用角度的表单验证

Question

我有一个基本表格。在其中，我有两个字段（下拉列表和文本框），它们的行为相互依赖。我想根据下拉列表中的更改重置文本框。此外，我想将作为新元素添加/集成到 DOM 中，以便可以处理有效性等，也就是说我可以使用我的 $dirty 来隐藏/显示消息。

Answer 1

两件事情：

1. 要让一个值依赖于另一个值，只需监听第一个的 ng-change 事件，然后更新第二个绑定的变量。例如：

   $scope.selectChanged = function() { $scope.textValue = ''; }

2. 为了进行验证，我喜欢采用的一种方法是声明一个“错误”元素，并在需要时显示/隐藏它。

这是一个快速片段，说明了这两种方法 http://jsfiddle.net/marplesoft/ULhVS/

Answer 2

使用ng-model和$watch

<select ng-model="dropdown" ng-options="**"><!-- --></select>
<textbox ng-model="textbox"></textbox>


$scope.$watch('dropdown', function () {
   $scope.textbox = '';
});

http://docs.angularjs.org/api/ng .$rootScope.Scope#$watch