如何截断AngularJS中的messageText?

如何截断AngularJS中的messageText?,angularjs,Angularjs,我正在创建广播消息,如果消息长度超过允许长度,我希望将其截断为以下内容: 原始信息: some text message that is very very very very very very very very long 变成这样: some text message..... 这是密码 <div data-ng-repeat="message in messages | limitTo: limit"> <label>{{message.MessageDat

我正在创建广播消息,如果消息长度超过允许长度,我希望将其截断为以下内容:

原始信息:

some text message that is very very very very very very very very long
变成这样:

some text message.....
这是密码

<div data-ng-repeat="message in messages | limitTo: limit">
 <label>{{message.MessageDateTime|ctime|date:'dd MMM yyyy hh:mm:ss a'}}
 <b>{{message.MessageSender}}: </b>{{message.MessageText}}</label>
</div>  

{{message.MessageDateTime | ctime | date:'dd MMM yyyy hh:mm:ss a'}
{{message.MessageSender}}:{{message.MessageText}

您只需使用自己的自定义过滤器即可

module.filter('truncate', function () {
        return function (input) {
            if (!input) {
                return '';
            } else if (input.length > 10) {
                return input.slice(0,10); //limit to first 10 characters only
            }
             else
              return input;
        };
    })
您可以在html中使用它作为

<div data-ng-repeat="message in messages | limitTo: limit">
 <label>{{message.MessageDateTime|ctime|date:'dd MMM yyyy hh:mm:ss a'}}
 <b>{{message.MessageSender}}: </b>{{message.MessageText | truncate}}</label>
</div> 

{{message.MessageDateTime | ctime | date:'dd MMM yyyy hh:mm:ss a'}
{{message.MessageSender}}:{{message.MessageText | truncate}

你可以使用
limito
过滤器为什么不使用
css
属性:
溢出:省略号
我只是跟随JanR发布的帖子