angularjs - Jquery ellipsis plugin not working with angular directive -

i trying use jquery-ellipsis plugin within ng-repeat using directive.

.directive('ellipsisitem', function () { return {     restrict: 'a',     replace: true,     link: function (scope, element, attrs) {         $(element).ellipsis();     } }; }); 

and dom is:

<li class="list-group-item  ng-scope" ng-repeat="question in questions" ellipsis-item> {{question.questiontext}}</li> 

but list content of {{question.questiontext}}

if remove $(element).ellipsis(); works fine!!

anyone?

try wrap $(element).ellipsis() in $timeout(function(){});