1. 程式人生 > >angular限制字元超過一定的字數隱藏字數顯示省略號

angular限制字元超過一定的字數隱藏字數顯示省略號

自定義一個過濾器

js程式碼

function CarouselContentFilter (  ) {
    return function (str) {
        if(str){
            var carContent = '';
            if(str.length >= 50){
                str.length = 50;
                carContent = str.substring(0,50) + '...';
            }
            else {
                carContent = str
            }
            return carContent
        }
    }
}

然後配置過濾器

angular
    .module('jibao')
    .filter('CarouselContentFilter',CarouselContentFilter);

如果想在controller中使用自定義的過濾器,首先在controller中注入過濾器模組名稱    如:CarouselContentFilter

html程式碼

<div class="ani title jb_carousel_content">
    {{img.configXml.content | CarouselContentFilter}}
</div>