https://sesric.org/common/js/app/Directives/CarouselImageSingleLineTextDirective.js

1CarouselImageSingleLineTextDirective = function(){
2    return {
3        restrict: 'E',
4        scope: {
5            items: '=items',
6            charLimit: "@",
7            readMoreText: "@",
8            overlayclass:"@",
9            interval: "@"
10          },
11        templateUrl: '/common/js/app/Templates/carousel-image-single-line-text.html',
12        link : {
13          post: function(scope,element,attrs){
14            
15          }
16        },
17        compile: function(element, attrs){
18          if (!attrs.overlayclass) { 
19            attrs.overlayclass = 'rgba-blue-light';
20           }
21         
22       }
23      };
24}