RangeError: Przekroczono maksymalny rozmiar stosu wywołań

Question

Myślę, że oznacza to, że istnieje okólnik, ale moje życie nie może odgadnąć, jak to naprawić.

Ktoś ma jakieś pomysły?

http://plnkr.co/edit/aNcBcU?p=preview

Sprawdź konsoli debugowania w Chrome (na przykład), a zobaczysz błąd. Linia wykraczająca jest

scope.map = map; 

scope.map jest bycie „$ patrzył” na kontrolerze poprzez

$scope.$watch("options.map", function (map) { ... }, true); 

Answer 1

To dlatego, że jesteś w porównaniu do obiektu dla równości zamiast odniesienia. Zmień swoje oświadczenie $watch do tego:

$scope.$watch("options.map", function (map) { 
    if (map === undefined) { 
     alert("map has no value"); 
    } else { 
     alert("map is defined"); 
    } 
}); 

Answer 2

miałem też ten problem i okazało się, że obiekty ja porównywał miał referencje okrężne. (Wypróbował JSON.stringify(), który rzucił "TypeError: Konwertowanie struktury kołowej na JSON").

Kiedy edytowałem mój obiekt, aby nie miał on okrągłej struktury, rozwiązałem ten problem i porównałem obiekty nie przez odniesienie, ale przez wartość właściwości, która była tym, czego potrzebowałem.

Answer 3

Trzeci parametr funkcji $ watch opowiada, jak porównać obserwowany obiekt. Fałsz odniesienie tylko porównanie. True do rekurencyjnego porównywania równości, jeśli obiekt zawiera odwołania kołowe, a następnie nad maksymalnym rozmiarem stosu. Na przykład:

var a = {ref:b}; 
var b = {ref:a}; 
$scope.$watch('b', function(){ 
    //code here will never called, because stack overflow when comparing the object b. 
}, true)