angular限制字符超过一定的字数隐藏字数显示省略号

朱雀 2022-05-15 07:53 256阅读 0赞

自定义一个过滤器

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>

![70][]

--------------------

![20191229112121499.png][]

想要整理更多的碎片知识，扫码关注下面的公众号，让我们在哪里接着唠！

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h1ZWh1ODM3NzY5NDc0_size_16_color_FFFFFF_t_70][]

[70]: /images/20220515/b9f997901a9246aca5d0b43d76e36c9e.png
[20191229112121499.png]: /images/20220515/24da5260d9f54318b2d7f93b8f92490a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h1ZWh1ODM3NzY5NDc0_size_16_color_FFFFFF_t_70]: /images/20220515/dd352e6f68f549c8b801c6ff7ef195c0.png

发表评论取消回复

表情：

评论列表（有 0 条评论，256人围观）

还没有评论，来说两句吧...

相关阅读

相关文本框字数限制

[在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4...

骑猪看日落/ 2024年04月19日 11:50/ 0 赞/ 56 阅读

相关 EditText 设置字数限制，超过字数限制时 toast 提示并且输入无效

以下只是我解决问题过程中的一点点个人总结，点滴积累，贵在坚持，感谢你的阅览！以45个字符限制为例： final int maxInputCharCoun

青旅半醒/ 2024年02月18日 17:03/ 0 赞/ 46 阅读

相关 TextView限制字数,用省略号...代替

问题：在TextView中如何限制字数，并且用省略号代替多余部分的文字？回答：在xml文件中的TextView中添加属性，使用两行代码即可： `android:lines

野性酷女/ 2023年10月18日 09:37/ 0 赞/ 123 阅读

相关 textarea字数限制输入字数，超字数时截取字符串显示

标题textarea字数限制输入字数，超字数时截取字符串显示 // 超字数时截取字符串显示 function calcNum(str, len) {

╰半橙微兮°/ 2022年12月10日 03:41/ 0 赞/ 153 阅读

相关阅读全文文字溢出过滤器，超过字数显示省略号。实现展开收起功能

为了实现知乎那种效果：普通的文本溢出隐藏。无法解决问题。参考：[https://segmentfault.com/q/1010000023908604][https_

末蓝、/ 2022年12月04日 09:16/ 0 赞/ 181 阅读

相关限制textarea字数

<html> <head> <script src='jquery-1.3.2.js'></script> <scri

妖狐艹你老母/ 2022年08月09日 06:26/ 0 赞/ 184 阅读

相关 textarea字数限制

<script type="text/javascript"> function collect\_submit() \{ var len = $(".describe

Dear 丶/ 2022年06月08日 13:57/ 0 赞/ 251 阅读

相关 textarea的字数限制

功能描述在项目中我们经常会遇到要对textarea进行输入字符数的限制，并在下方提示共可输入多少文字，已输入多少，还可输入多少的类似功能。所以就有了下面封装好的这个

た入场券/ 2022年06月01日 13:49/ 0 赞/ 458 阅读

相关 angular限制字符超过一定的字数隐藏字数显示省略号

自定义一个过滤器 js代码 function CarouselContentFilter ( ) { return function (str)

朱雀/ 2022年05月15日 07:53/ 0 赞/ 257 阅读

相关实现指定字数文本溢出显示显示省略号...

方法一使用css中text-overflow:ellipsis搭配其它css属性实现。 .boxCon { overflow: hidden;

迷南。/ 2022年05月09日 00:56/ 0 赞/ 314 阅读