javascript - Angular Directive(指令)不看

Question

我正在 AngularJS 中使用指令，我试图检查我的字段是否 $dirty，如果是这样，我想记录一条消息，当它发生变化时，我想显示另一条消息(这句话将是稍后替换为更复杂的东西)。

我想在所有输入中重用我的指令，但我不能。提前致谢。

<input ng-edited ng-model="stakeholder.nombre" name="nombre" type="text">

我的指令是这样的:

MetronicApp.directive('ngEdited', function () {
    return {
        restrict: 'A',
        require: ['^form', 'ngModel'],
        link: function (scope, elem, attrs, req) {
            scope.elemDirty = req[1].$dirty;
            scope.elemName = req[1].$name;
            var doFunction = function () {
                if (scope.elemDirty) {
                    console.log("true");
                } else {
                    console.log("false");
                }
            };
            scope.$watch(scope.elemName, doFunction, true);
        }
    };
});

Answer 1

基于this answer ，为什么不尝试一下

link: function (scope, elem, attrs, ngModel) {
    var doFunction = function (isDirty) {
        if (isDirty) {
            console.log("true");
        } else {
            console.log("false");
        }
    };
    scope.$watch(function(){return ngModel[1].$dirty;},doFunction);
}

See plunker

编辑

我注意到在你的问题中你试图观察元素名称的变化。我不确定您将如何更改该属性，但如果您是，请使用 attrs.$observe

attrs.$observe('name', doFunction);