Question

我在AngularJS中使用了一个指令，并且我试图检查我的字段是否为$脏，如果这是真的我想记录一条消息，当它改变时我希望显示另一条消息（该句子稍后将替换为更复杂的内容）。

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

<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);

Answer 2

如果您正在使用参数（而不是字符串），则需要从函数返回它：

scope.$watch(function () {
    return scope.elemName;
}, doFunction, true);

Angular指令不看

2 个答案: