Инициируйте функцию jQuery с помощью пользовательской директивы AngularJS

Question

Вот мой код, который я хочу вспомнить $('.ams-items').slimScroll() функция

angular.element(document).ready(function () {
  $('.ams-items').slimScroll({
    alwaysVisible: true
  });
}); 

Пожалуйста, помогите мне!

Answer 1

Как инкапсулировать код jQuery в пользовательскую директиву ¹

Любой код jQuery, который управляет DOM, должен быть инкапсулирован в пользовательскую директиву чтобы он выполнялся, когда среда AngularJS создает элемент.

app.directive("mySlimScroll", function()
     return {
         link: postLink,
     };
     function postLink(scope,elem,attrs) {
         elem.slimScroll({
             alwaysVisible: true
         });
     }
});

Использование:

<div class="ams-items" my-slim-scroll>
</div>

Чтобы использовать jQuery, просто убедитесь, что он загружен до файла angular.js.

Для получения дополнительной информации см.

• Руководство разработчика AngularJS - Создание пользовательских директив
• AngularJS Angular.element API Reference