Benim özel yönergesi kapsamı dışında gerçekleşen bir tıklama olayı var, bu yüzden "ng-click" özniteliğini kullanmak yerine, bir jQuery.click () dinleyicisi kullanıyorum ve benim kapsam içinde böyle bir işlevi çağırıyorum:

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

close (), şuna benzer basit bir işlevdir:

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

Benim görüşüme göre, "ng-show" isOpen gibi bağlı bir öğe var:

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

Hata ayıklama, close () çağrılıyor buluyorum, isOpen false olarak güncelleştiriliyor, ancak AngularJS görünümü güncelleştirilmiyor. Angular'a görünümü güncellemesini manuel olarak söylememin bir yolu var mı? Yoksa görmediğim bu problemi çözmek için daha "Açısal" bir yaklaşım var mı?

Çözüm ...

$scope.$apply();

... jQuery etkinliği geri aramda.

Neden $applyçağrılmalı?

TL; DR : Açısal dünyanın dışında$apply yapılan değişiklikleri uygulamak istediğinizde çağrılmalıdır .

Sadece güncelleme Dustin'in cevap @ aşağıda bir açıklama olduğunu neyi $ uygulamak yapar tam olarak ve neden çalışır.

$apply()AngularJS içinde AngularJS çerçevesinin dışından bir ifade yürütmek için kullanılır. (Örneğin tarayıcı DOM olaylarından, setTimeout, XHR veya üçüncü taraf kitaplıklarından). AngularJS çerçevesini çağırdığımız için, istisna işleme , saatler yürütürken uygun kapsam yaşam döngüsünü gerçekleştirmemiz gerekiyor .

Açısal, herhangi bir değerin bağlayıcı bir hedef olarak kullanılmasına izin verir. Daha sonra herhangi bir JavaScript kodu dönüşünün sonunda, değerin değişip değişmediğini kontrol eder. Herhangi bir bağlayıcı değerin değişip değişmediğini kontrol eden bu adımın aslında bir yöntemi vardır, $scope.$digest()¹ . $scope.$apply()Bunun yerine kullandığımız için neredeyse hiçbir zaman doğrudan doğrudan diyoruz $scope.$digest.

Açısal, yalnızca ifadelerde kullanılan değişkenleri $watchve kapsam içinde yaşayan bir şeyin içindeki her şeyi izler . Modeli Açısal bağlamın dışında değiştiriyorsanız, $scope.$apply()bu değişikliklerin yayılması için çağrıda bulunmanız gerekir , aksi takdirde Açısal bunların değiştirildiğini bilmeyecek, böylece bağlanma güncellenmeyecektir ² .

kullanım

$route.reload();

$routekumandanıza enjekte etmeyi unutmayın.