从控制器监视表单有效性

Question

我的控制器中有一个表单。我希望能够根据此表单的有效性设置范围变量。我已经给表单起了个名字：

<div ng-controller="myCtrl">

    ...

    <form name='myForm'>
        ...
    </form>

    ...

</div>

并在该表单的 $valid 属性上创建了一个 $watch（位于包含该表单的控制器中）：

$scope.$watch('myForm.$valid', function(oldVal, newVal) {
    console.log("Woo! This might be working!");
    if (newVal) {
        $scope.otherVar = true;
    } else {
        $scope.otherVar = false;
    }
}

我的日志语句仅出现在页面加载时，但不会在表单的有效性更改时出现。 （我已经通过插入验证了表单的 $valid 属性正在更改：

{{ myForm.$valid }}

在我的表格范围内）

我一直在环顾四周，据我所见，这应该起作用。 （不过显然有些不对劲……）

Answer 1

我认为你的问题是function(oldVal, newVal) 应该是function(newVal, oldVal)。 除此之外，我在您的代码中找不到任何错误。 这是一个有效的 plunkr 示例：http://plnkr.co/edit/ur42HFcVQbpTEBkRBtdY?p=preview

除此之外，它可能是您的代码中影响表单的其他内容，您没有将它嵌套在ng-if 或ng-view 之类的东西中？