AngularJS: regarder la visibilité de l'élément

J'ai un élément à l'intérieur de mon corps, qui est invisible. Je veux déclencher une fonction quand elle devient visible. Quelle est la meilleure pratique pour cela?

ici est un plunker à un échantillon de travail. Dans ce morceau de code, la fenêtre devrait faire défiler jusqu'à la "#hiddenObj' div en cliquant sur le bouton. mais le premier clic, la div deviennent visibles et la deuxième fois, la fenêtre défile.

source d'informationauteur parand87

  1. 31

    ng-hide=false ajoute 'display:none' à l'élément, ce qui signifie que l'élément n'aurait pas de n'importe quelle position pour faire défiler dans les DOM.

    Donc il suffit de mettre un $d'œil sur l'état visible de l'élément ci-dessous

    var scrollElement = "#hiddenObj";
$scope.$watch(function() { return angular.element(scrollElement).is(':visible') }, function() {
    scrollTo(scrollElement);
});

    voir http://plnkr.co/edit/BGBygAWdwU6zv7anx3qO?p=preview

  2. 3

    Angulaire ajoute un "ng-hide" classe à un élément masqué avec ng-hide/ng-show.

    Une façon de voir si il y a eu un changement est d'ajouter un observateur de l'élément de la classe, et de vérifier si elle contient des "ng-hide".

    scope.$watch(function() { return element.attr('class'); }, function(newValue) { 
    if (newValue.match(/ng-hide/) !== null) {
        //Element is hidden.
    }       
});