如何截断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发布的帖子