У меня есть несколько пользовательских директив, которые используют jQuery для анимационных эффектов (встроенные в angular ngShow/ngHide и т.п. функциональны, но некрасивы). Я помню, как где-то читал в документации, что у angular есть свой собственный селектор DOM (что-то вроде angular.export() или angular.select()), который я должен использовать вместо $(SELECTOR); однако я не могу найти его сейчас.
Я делаю что-то вроде этого:
//view
<div scroll-to="element"> //`element` is set via ng-click
…
</div>
//directive
link: function(scope, elm, attrs)
{
scope.$watch(attrs.scrollTo, function scrollToAction(newValue,oldValue)
{
if ( newValue !== oldValue )
{
elm.animate({
scrollTop:
$('#'+newValue).offset().top //replace jquery selector with angular's
- elm.offset().top
+ elm.scrollTop()
});
}
});
}
На самом деле я не манипулирую $('#'+newValue), просто получаю информацию о нем, поэтому я не думаю, что совершаю преступление против Angular.
