angularJS: dotdotdot for overflow text and performance

Question

I\'m new to angularJS and maybe have written something bad...

but how could i right implement this plugin: https://github.com/BeSite/jQuery.dotdotdot

on my t

Answer 1

Here's my attempt:

• Adds an expression to the $watch call to improve performance
• Removes { watch: true } option which needlessly polls

Directive:

app.directive('dotdotdot', ['$timeout', function($timeout) {
    return {
        restrict: 'A',
        link: function(scope, element, attributes) {

            scope.$watch(attributes.dotdotdot, function() {

                // Wait for DOM to render
                $timeout(function() {
                    element.dotdotdot();
                }, 400);
            });
        }
    }
}]);

Template:

                      
      {{article.Title}}