Как получить «обратный вызов» из другого завершения анимации элемента, а не из собственной директивы

Question

При щелчке элемента я делаю анимацию для другого элемента (скажем, сестры), как получить callback от моего родного брата до scope?

здесь код:

var myApp = angular.module('myApp', ['ngAnimate']); 

myApp.controller('count', function($scope) { 
    $scope.flag=true; 
    $scope.animate = function() { 
     $scope.flag = !$scope.flag; 
    } 
}); 

DEMO

Answer 1

$animate сервис может быть использован для обработки enter и leave обратных вызовов.

Вы использовали ng-if, чтобы показать/скрыть содержимое в вашем примере, но ng-if не имеют крючков для передачи обратного вызова в. Таким образом, вы должны написать свою собственную директиву (скажет animated-if) и предоставить пользовательские крючки (animated-if-leave-callback и animated-if-enter-callback).

Чтобы запустить событие после нг-отпуска, используйте $animate.leave(element, scope.leaveOnClick)

ВВЕСТИ один немного сложнее, не вызвать обратный вызов на начальной загрузке директивы.

var callback = !oldValue && $scope.animatedIfEnterCallback ? $scope.animatedIfEnterCallback : (function() {}); 
$animate.enter(clone, $element.parent(), $element, callback); 

Вот enter link description here обновленный plunkr

- source