AngularJS:仅当字符串超出限制时,如何使用limitTo过滤器显示省略号

您所在的位置:网站首页 js过滤字符 AngularJS:仅当字符串超出限制时,如何使用limitTo过滤器显示省略号

AngularJS:仅当字符串超出限制时,如何使用limitTo过滤器显示省略号

2023-03-07 11:45| 来源: 网络整理| 查看: 265

我在一些字符串上使用limitTo过滤器.如果字符串小于,例如10个字符,则字符串显示为原样.如果字符串超过10个字符,我想在第十个字符处切断字符串后显示省略号.这样做是否有角色快捷方式?谢谢

例如:

{{main.title | limitTo:10}}

如果main.title ="美好的一天",输出将是:美好的一天

如果main.title ="可怕的一天",输出将是:可怕......

1> BeingSuman..:

希望这可以帮助 :

{{ main.title | limitTo: 10 }}{{main.title.length > 10 ? '...' : ''}} 这很快,易于理解,并且完美地满足了我的需求.

2> developer033..:

好吧,如果你想要你可以为此构建一个过滤器,但我会使用ngIf指令,如下所示:

(function() { 'use strict'; angular.module('app', []) .controller('mainCtrl', function() { var vm = this; vm.text = 'Really longer than 10'; }); })(); Without limit: With limit: ...


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3