Angularjs querySelector 根据属性 查找元素
Angularjs querySelector find element based on property
我试图找出 angularjs 是否可以像下面那样做:
angular.element(document.querySelector('.content-here').find('div.offsetTop=8');
有人可以帮助我吗?你可以在这里看到我的plunker。
已编辑:
如果你不想一一指定,你可以做一个指令。另外,删除控制器中不需要的代码。
Plunker here
.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,并且根据您的场景,您可以一个一个地指定动画延迟。
<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>
我试图找出 angularjs 是否可以像下面那样做:
angular.element(document.querySelector('.content-here').find('div.offsetTop=8');
有人可以帮助我吗?你可以在这里看到我的plunker。
已编辑:
如果你不想一一指定,你可以做一个指令。另外,删除控制器中不需要的代码。
Plunker here
.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,并且根据您的场景,您可以一个一个地指定动画延迟。
<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>