gpt4 book ai didi

angularjs - AngularJS:如何仅在字符串超出限制时使用limitTo来显示椭圆

转载 作者:行者123 更新时间:2023-12-03 14:26:47 24 4
gpt4 key购买 nike

我在一些字符串上使用了limitTo过滤器。如果字符串少于10个字符,则按原样显示字符串。如果字符串长于10个字符,我想在第十个字符处截断字符串后显示省略号。有没有做到这一点的捷径?谢谢

例如:

{{main.title | limitTo:10}}


如果main.title =“ A Good Day”,则输出为:A Good Day

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

最佳答案

好吧,如果您愿意,可以为此构建一个过滤器,但是我将使用ngIf指令,如下所示:



(function() {
'use strict';

angular.module('app', [])
.controller('mainCtrl', function() {
var vm = this;

vm.text = 'Really longer than 10';
});
})();

<!DOCTYPE html>
<html ng-app="app">

<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.7/angular.min.js"></script>
</head>

<body ng-controller="mainCtrl as ctrl">
Without limit: <span ng-bind="ctrl.text"></span>
<hr>
With limit: <span ng-bind="ctrl.text | limitTo:10"></span>
<span ng-if="ctrl.text.length > 10">...</span>
</body>

</html>

关于angularjs - AngularJS:如何仅在字符串超出限制时使用limitTo来显示椭圆,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38428280/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com