Initiate jQuery function by using AngularJS custom directive

Question

Here is my code I want to recall $('.ams-items').slimScroll() function

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

Please help me!

Please read How to create a Minimal, Complete, and Verifiable example and How do I ask a good question?. Your question does not conform with the community's guidelines, and will soon be closed by a moderator. You should edit it appropriately if you expect to get any answers. Good questions usually include: A desired outcome or result, What you have tried so far to solve your problem and more. — Soutzikevich
– Soutzikevich, Commented Apr 29, 2019 at 10:30

georgeawg · Accepted Answer · 2019-05-03 22:30:27Z

1

How to Encapsulate jQuery code in a Custom Directive¹

Any jQuery code that manipulates the DOM should be encapsulated in a custom directive so that it is executed when the AngularJS framework instantiates the element.

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

Usage:

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

To use jQuery, simply ensure it is loaded before the angular.js file.

For more information, see

edited May 3, 2019 at 22:30

answered Apr 29, 2019 at 15:31

georgeawg

49k13 gold badges78 silver badges98 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Initiate jQuery function by using AngularJS custom directive

1 Answer 1

How to Encapsulate jQuery code in a Custom Directive¹

Usage:

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

How to Encapsulate jQuery code in a Custom Directive1

Usage:

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related

How to Encapsulate jQuery code in a Custom Directive¹