Javascript 在没有JQuery的情况下，如何使用AngularJs在绑定到范围变量的隐藏字段上触发“更改”？

我有一个复杂的控制按钮点击，下拉列表等，建立一个字符串。因此，每个按钮单击/下拉选择调用一个范围函数，该函数反过来更新保存结果的范围变量

我将此范围变量绑定到UI中的隐藏字段：

<input type="hidden" ng-model="MyComplexString" custom-validation ng-value="MyComplexString" />

---

您可以在指令中使用$watch，这样它就可以重用。看到答案了吗

本质上，在link函数中，您可以$watch attrs.ngModel，它捕获任何更改。您的链接功能将更改为以下内容：

link: function (scope, element, attrs) {
            scope.$watch(attrs.ngModel, function (newVal) {
                //Do custom validation here
            });
        }

link: function (scope, element, attrs) {
        scope.$watch(attrs.ngModel, function (newVal, oldVal) {
            if(newVal !== oldVal) {
                //Do custom validation here
            }
        });
    }

请参阅使用将每次更改写入控制台的指令，使用两个简单输入和一个隐藏输入来分叉JSFIDLE I

编辑：您可能希望检查newVal和oldVal是否相等以忽略初始化调用，如下所示：

link: function (scope, element, attrs) {
            scope.$watch(attrs.ngModel, function (newVal) {
                //Do custom validation here
            });
        }

link: function (scope, element, attrs) {
        scope.$watch(attrs.ngModel, function (newVal, oldVal) {
            if(newVal !== oldVal) {
                //Do custom validation here
            }
        });
    }

---

我的第一反应是想知道您是否可以使用$watch并在那里进行验证，而不是绑定到隐藏字段？如果您能提供您的自定义验证指令，这将有助于我将该指令添加到主要问题中。我不介意尝试像你说的那样；我知道我可以通过在控制器中设置一个标志来驱动验证，这感觉是错误的。另外，它是不可重复使用的，我是否需要在不同的字段上进行相同的验证。谢谢！我仍然在传递link函数中的控件，因为我需要设置它的有效性，但是这里的内容正是我需要继续讨论的内容。