Jak mogę powiedzieć angularjs do „odświeżenia”

Question

Mam zdarzenia click, co dzieje się poza zakresem mojego dyrektywy niestandardowej, więc zamiast używać „NG-kliknij” atrybut, używam jQuery.click (słuchacza) i wywołanie funkcji w moim zakresie tak:

$('html').click(function(e) { 
    scope.close(); 
); 

close() to prosta funkcja, która wygląda następująco:

scope.close = function() { 
    scope.isOpen = false; 
} 

moim zdaniem mam element z "nG-show" bound to isOpen w ten sposób:

<div ng-show="isOpen">My Div</div> 

Gdy debugowanie, jestem stwierdzenia, że ​​Close() jest wywoływana, ISOpen jest aktualizowany na false, ale widok angularjs nie aktualizuje. Czy jest sposób, który mogę ręcznie powiedzieć Angular, aby zaktualizować widok? Czy istnieje bardziej "kątowe" podejście do rozwiązania tego problemu, którego nie widzę?

Answer 1

Rozwiązaniem było nazwać ...

$scope.$apply(); 

... w moim zdarzenia jQuery zwrotnego.

Answer 2

Zastosowanie

$route.reload(); 

pamiętać, aby wstrzyknąć $route do kontrolera.

Answer 3

Dlaczego $apply powinna nazywać?

TL; DR: $apply powinna zostać wywołana, gdy chcesz zastosować zmiany wprowadzone poza kątowego świata.

---

Wystarczy zaktualizować @Dustin's answer, tutaj jest wyjaśnienie co$apply dokładnie robi i dlaczego to działa.

$apply() służy do wykonywania wyraz w angularjs z zewnątrz ramowej angularjs. (Na przykład z zdarzeń DOM przeglądarki, setTimeout, XHR lub bibliotek stron trzecich). Dlatego wzywamy do ramach angularjs musimy wykonać prawidłowego cyklu życia zakres exception handling, executing watches.

Angular umożliwia użycie dowolnej wartości jako celu wiązania. Następnie na końcu każdego zwrotu kodu JavaScript sprawdza, czy wartość się zmieniła. To krok, który sprawdza, czy wszystkie wartości wiążące zmieniły faktycznie ma metodę, $scope.$digest()¹. Prawie nigdy nie nazywamy tego bezpośrednio, ponieważ używamy zamiast tego $scope.$apply() (która będzie wywoływać $scope.$digest).

kątowa monitoruje tylko zmienne używane w wyrażeniach i wszystko wewnątrz $watch żyjącego wewnątrz zakresu.Jeśli więc zmienisz model poza kontekstem Angular, będziesz musiał wywołać $scope.$apply(), aby te zmiany były propagowane, w przeciwnym razie Angular nie będzie wiedział, że zostały zmienione, więc wiązanie nie zostanie zaktualizowane ².