Zugriff auf Scope-Variable innerhalb $ watch

Question

nicht möglich Ich entwickle einen Filter in angleJS. Alles funktioniert gut, aber nur an einer Stelle kann ich nicht auf das Scope-Objekt zugreifen, aber wenn ich den Code ändere, funktioniert es gut, aber ich möchte wissen, was das Problem ist. Ich glaube, mein Verständnis ist falsch bezüglich Umfang und Direktiven.

innerhalb einer Richtlinie ich Zugriff auf ein Array und in scope.watch Funktion versuche ich das Array zuzugreifen, aber es funktioniert nicht

Code arbeiten

var currentScope=scope.mainList[scope.$index].list; 
//this will hit whenever any of the scope variable changes 
scope.$watch(function() { 
    var hasTrue, hasFalse; 
    angular.forEach(currentScope, function (v) { 
    if (v["isSelected"]) { 
     hasTrue = true; 
    } else { 
     hasFalse = true; 
    } 
    }); 
    if (hasTrue && hasFalse) { 
    iElement.attr('checked', false); 
    // iElement.addClass('greyed'); 
    } else { 
    iElement.attr('checked', hasTrue); 
    // iElement.removeClass('greyed'); 
    } 
}, true); 

dies nicht funktioniert

var currentScope=scope.mainList[scope.$index].list; 
//this will hit only when this corresponding scope variable changes 
scope.$watch(currentScope,function (newVal) { 
    var hasTrue, hasFalse; 
    angular.forEach(newVal, function (v) { 
    if (v["isSelected"]) { 
     hasTrue = true; 
    } else { 
     hasFalse = true; 
    } 
    }); 
    if (hasTrue && hasFalse) { 
    iElement.attr('checked', false); 
    // iElement.addClass('greyed'); 
    } else { 
    iElement.attr('checked', hasTrue); 
    // iElement.removeClass('greyed'); 
    } 
}, true); 

Ich brauche diesen zweiten Code, aber wenn ich eine der Variablen ändert, trifft sie nicht und es kommt undefiniert

bitte diesen Link unten überprüfen wird es mehr Idee geben .....

Code

Answer 1

Erweiterung auf Kommentar des @ tobi, hier ist der empfohlene Weg, Ihre Uhr Funktion geschrieben haben:

var currentScope=scope.mainList[scope.$index].list; 
scope.$watch(function() { return currentScope; }, function (newVal) { 
    var hasTrue = false, hasFalse = false; 
    angular.forEach(newVal, function (v) { 
    if (v["isSelected"]) { 
     hasTrue = true; 
    } else { 
     hasFalse = true; 
    } 
    }); 
    if (hasTrue && hasFalse) { 
    iElement.attr('checked', false); 
    // iElement.addClass('greyed'); 
    } else { 
    iElement.attr('checked', hasTrue); 
    // iElement.removeClass('greyed'); 
    } 
}); 

Alternativ können Sie dies tun:

scope.currentScope=scope.mainList[scope.$index].list; 
scope.$watch('currentScope', function (newVal) { 
    var hasTrue = false, hasFalse = false; 
    angular.forEach(newVal, function (v) { 
    if (v["isSelected"]) { 
     hasTrue = true; 
    } else { 
     hasFalse = true; 
    } 
    }); 
    if (hasTrue && hasFalse) { 
    iElement.attr('checked', false); 
    // iElement.addClass('greyed'); 
    } else { 
    iElement.attr('checked', hasTrue); 
    // iElement.removeClass('greyed'); 
    } 
});