anglejs infinite $ digest Schleife, wenn sich der Gültigkeitsbereich nicht ändert

Question

Nov 08, 2013, 05:23 PM

anglejs infinite $ digest Schleife, wenn sich der Gültigkeitsbereich nicht ändert

In meinem Winkelcode wird der folgende Fehler angezeigt. Ich habe Probleme zu verstehen, warum die Funktion getDrawWithResults einen Digest-Zyklus auslöst, da es keine Nebenwirkungen zu geben scheint. Es werden nur Elemente aus einer Liste zurückgegeben, deren Eigenschaft auf true festgelegt ist.

Der Fehler tritt nur auf, wenn sich die erste Verwendung von getDrawWithResults auf der Seite befindet. Wenn ich ihn entferne, wird der Fehler beendet.

Uncaught Error: [$rootScope:infdig] 10 $digest() iterations reached. Aborting!
Watchers fired in the last 5 iterations: [["getDrawsWithResults(selectedLottery.draws); newVal: []; oldVal: []"],["getDrawsWithResults(selectedLottery.draws); newVal: []; oldVal: []"],["getDrawsWithResults(selectedLottery.draws); newVal: []; oldVal: []"],["getDrawsWithResults(selectedLottery.draws); newVal: []; oldVal: []"],["getDrawsWithResults(selectedLottery.draws); newVal: []; oldVal: []"]]

Das ist mein Code:

HTML

<h4 ng-cloak ng-hide="getDrawsWithResults(selectedLottery.draws)">Results of Selected Lottery</h4>

<div class="con" ng-repeat="draw in getDrawsWithResults(selectedLottery.draws)" ng-cloak>
    <h5 class="con__header">[[ draw.date|date:'EEEE d MMMM yyyy - H:mm' ]]</h5>
    <div class="balls-list__outer con__row">
        <div class="balls-list">
            <div class="balls-list__ball__outer" ng-repeat="b in draw.results">
                <button class="balls-list__ball btn btn-con">[[ b ]]</button>
            </div>

        </div>
    </div>
</div>

JS

// return list of draws with results
$scope.getDrawsWithResults = function(draws) {
    return _.filter(draws, function(draw){
        return draw.results && draw.results.length > 0;
    });
}