Angularjs querySelector найти элемент на основе собственности

Question

я пытался найти, если angularjs может сделать, как показано ниже:

angular.element(document.querySelector('.content-here').find('div.offsetTop=8'); 

Может кто-нибудь мне помочь? Здесь вы можете увидеть мой plunker.

Answer 1

Отредактировано:
Вы можете создать директиву, если вы не хотите указывать один за другим. Также удалите ненужный код в контроллере.

.directive('animateFromLeft', function($compile) { 
     return { 
     restrict: 'AE', 
     link: function(scope, elem, attr) { 
      var children = elem.children(); 
      children.addClass('animated fadeInLeft'); 

      var animationDelay = 0; 
      for(var i = 0; i < children.length; i++) { 
      children[i].style.animationDelay = animationDelay.toString() + 's'; 
      animationDelay += 1; 
      } 

      $compile(elem)(scope); 
     } 
     }; 
    }); 

========================================= ==========================================

Я думаю, вы делаете это с трудом. Я предполагаю, что вы не будете использовать ng-repeat, и в зависимости от вашего сценария вы можете указать задержку анимации один за другим.

Plunker here

<div class="content-here"> 
     <div class="animated fadeInLeft" style="animation-delay: 0s">1</div> 
     <div class="animated fadeInLeft" style="animation-delay: 1s">2</div> 
     <img class="animated fadeInLeft" style="animation-delay: 2s" width="100px" src="https://staticdelivery.nexusmods.com/mods/110/images/74627-0-1459502036.jpg" /> 
     <div class="animated fadeInLeft" style="animation-delay: 3s">3</div> 
     <div class="animated fadeInLeft" style="animation-delay: 4s">4</div> 
    </div>