J'ai un événement de clic qui se produit en dehors de la portée de ma directive personnalisée, donc au lieu d'utiliser l'attribut "ng-click", j'utilise un écouteur jQuery.click () et j'appelle une fonction à l'intérieur de ma portée comme ceci:

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

close () est une fonction simple qui ressemble à ceci:

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

À mon avis, j'ai un élément avec "ng-show" lié à isOpen comme ceci:

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

Lors du débogage, je constate que close () est appelé, isOpen est mis à jour sur false, mais la vue AngularJS ne se met pas à jour. Existe-t-il un moyen de demander manuellement à Angular de mettre à jour la vue? Ou y a-t-il une approche plus «angulaire» pour résoudre ce problème que je ne vois pas?

La solution était d'appeler ...

$scope.$apply();

... dans mon rappel d'événement jQuery.

Pourquoi $applydevrait être appelé?

TL; DR : $applydoit être appelé chaque fois que vous souhaitez appliquer des modifications effectuées en dehors du monde angulaire.

Juste pour mettre à jour la réponse de @ Dustin , voici une explication de ce que fait exactement $ apply et pourquoi cela fonctionne.

$apply()est utilisé pour exécuter une expression dans AngularJS depuis l'extérieur du framework AngularJS. (Par exemple, à partir d'événements DOM du navigateur, setTimeout, XHR ou des bibliothèques tierces). Parce que nous appelons au framework AngularJS, nous devons effectuer un cycle de vie de portée approprié de la gestion des exceptions , en exécutant des montres .

Angular permet à toute valeur d'être utilisée comme cible de liaison. Ensuite, à la fin de tout tour de code JavaScript, il vérifie si la valeur a changé. Cette étape qui vérifie si des valeurs de liaison ont changé a en fait une méthode, $scope.$digest()¹ . Nous ne l'appelons presque jamais directement, comme nous l'utilisons à la $scope.$apply()place (qui appellera $scope.$digest).

Angular ne surveille que les variables utilisées dans les expressions et tout ce qui se trouve à l'intérieur d'une $watchvie à l'intérieur de la portée. Donc, si vous modifiez le modèle en dehors du contexte angulaire, vous devrez appeler $scope.$apply()pour que ces modifications soient propagées, sinon Angular ne saura pas qu'elles ont été modifiées, donc la liaison ne sera pas mise à jour ² .

Utilisation

$route.reload();

n'oubliez pas d'injecter $routedans votre contrôleur.