使用角度进行表单验证

Question

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

Answer 1

使用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＃$表

Answer 2

两件事：

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

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

2. 要做验证，我想采取的一种方法是声明一个“错误”元素，并在需要时显示/隐藏它。

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