Angularjs 用角JS缩短字符串

Angularjs 用角JS缩短字符串,angularjs,Angularjs,我有多个超过40个字符的标题。我想把它缩短到40个字符并加上。。。如果有更多的字符 我想做一些类似的事情,但在js中: if ( title.length > 40){ title = title.substring(0, 40) + '...' } 如果您正在寻找角度更大的东西,您可以编写一个过滤器,允许您在模板中使用: {{title | shorten:25}}! 这里有一个超级基本的例子。您可能需要添加一些错误捕获、测试等:我建议创建一个角度过滤器,类似这样: angular.

我有多个超过40个字符的标题。我想把它缩短到40个字符并加上。。。如果有更多的字符

我想做一些类似的事情,但在js中:

if ( title.length > 40){
title = title.substring(0, 40) + '...'
}

如果您正在寻找角度更大的东西,您可以编写一个过滤器,允许您在模板中使用:

{{title | shorten:25}}!

这里有一个超级基本的例子。您可能需要添加一些错误捕获、测试等:

我建议创建一个角度过滤器,类似这样:

angular.module("myApp", [])
.filter('ellipsis', function () {
    return function (input, chars) {
        return input.length > chars ? input.substring(0, chars) + '...' : input;
    };
});

function myCtrl($scope) {
    $scope.text = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed interdum urna vitae nisl volutpat mattis.";
}
用法示例:

<div ng-controller="myCtrl">
    {{ text | ellipsis:40 }}
</div>

{{text}省略号:40}

和?它不起作用,或者…?我只是在寻找一种在angular js中做类似事情的方法。你不说,我也不知道你为什么要这样做,除非是为了防止溢出。您是否签出了css属性
文本溢出:省略号