[英]ng-repeat filter with condition angular js
这是我的代码:
<option ng-repeat="name in names" value="{{names.name}">
{{names.name | limitTo:10 }}
</option>
我该如何添加条件:
if( names.name.length > 10) {
//add ... point after name displayed
}
获得结果<option value="Alexander Bradley">Alexander ... </option>
有任何想法吗?
您可以创建自己的过滤器来执行此操作,并根据需要包含length参数。
.filter("ellipses", function () {
return function (item) {
if (item.length > 10) {
return item.substring(0, 10) + " ..."
}
return item;
};
});
<option ng-repeat="name in names" value="{{names.name}">
{{names.name | ellipses }}
</option>
您也可以包含length参数,甚至可以使用limitTo
本身:
.filter("ellipses", ["$filter", function ($filter) {
return function (item, limit) {
if (item.length > limit) {
return $filter("limitTo")(item, limit) + " ...";
}
return item;
};
}]);
我认为这就是你要求的..如果超过10个字符,将名称限制为10个字符,然后在其末尾添加“...”。 我就是这样做的。 (还修复了一些语法错误)。
<option ng-repeat="name in names" value="{{name}}">
{{name.length <= 10 ? name : name.substring(0, 10) + "..."}}
</option>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.