AngularJS指令监视有效性

Question

我尝试创建一个指令，当输入字段标记为无效时，该指令应执行一些操作。对于此示例，假设我有一条指令检查输入是否为素数，并且我想创建一条指令，在无效时将一个类添加到元素：

<input type="text" ng-model="primeNumber" validate-prime invalid-add-class="error">

validate-prime使用ng-model上的解析器和格式化程序来更新模型的有效性。

现在，我希望invalid-add-class指令在模型无效时添加“错误”类，并在有效时将其删除。换句话说，它应该监视模型控制器的$ valid（或$
invalid）属性。但是，我不知道如何使它工作。我试过了：

link : function(scope, element, attrs, ctrl) {
    ctrl.$watch("$valid", function(newVal, oldVal) {
    //never fired
    });
}

也许我可以观察范围内的某些变量，但是我不知道要监视哪个变量。

那么，当模型的有效性发生变化时，如何通知我？

Answer 1

如果您有一个<form>，请向其添加一个name（假设为“
myForm”），并name为您的输入添加一个（假设为myInput）。您应该可以$watch通过以下方式做到这一点：

scope.$watch('myForm.myInput.$valid', function(validity) {})

如果您没有form，则可以随时观看功能。这条路：

scope.$watch(function() { return ctrl.$valid; }, function(validity){});

您可以在此处阅读有关表单方法的更多信息。