jQuery plugin and angular repeat

Viewed 144

Given a jQuery plugin, what is the cleanest way to initialise it on a list of elements rendered by ng-repeat?

For example, i want to make a list of words draggable. In the controller i take the list from the API:

$scope.words = Words.get(...)

And in the view i iterate on them:

<article ng-controller="WordsCtrl">
    <div class="word" ng-repeat="word in words">
        {{word}}
    </div>
</article>

What is left is to run the plugin initialisation code, like in:

$(elem).children('.word').draggable()

But this needs to be run after every change in the scope. Where does this go?

2 Answers
Related