angularJS自定义 过滤器基础
2024-09-09 20:40:17
先写个简单的例子，该过滤器是指定规定的字符串长度：
html：
<div ng-app="app" ng-controller="ctrl">
<p ng-repeat="text in texts>
{{book | limitText:10}}
</p>
</div>
js：
var app = angular.module("app",[]);
app.filter('limitText', function() {
return function(input, num) {
if(input.length>num){
input = input.substring(0,num)+"...";
}
return input;
};
});
app.controller("ctrl",["$scope",function($scope){
$scope.texts = ["大帅哥多发个梵蒂冈梵蒂冈","法规的非官","儿童热太热一天如图于一体"];
}]);
显示
大帅哥多发个梵蒂冈梵...
法规的非官
儿童热太热一天如图于...
自定义过滤器可以接受参数（可多个），也可以不用参数。
但参数必须写在return 后面函数的第二个参数里，第一个参数是要处理的对象。
多个参数的用法
{{ expression | filter:argument1:argument2:... }}
最新文章
- 利用 PhpStorm、Idea 等 IDE 如何 运行/调试 Go 程序 ？
- 韩国手机游戏Elf Defense角色场景
- js判断是手机还是电脑访问网站
- 实用的Portraiture滤镜磨皮教程
- CoHTMLDocument
- P1571: [Usaco2009 Open]滑雪课Ski
- opencv实现KNN手写数字的识别
- Algorithm for Maximum Subsequence Sum z
- div中的img垂直居中
- tensorflow l2_loss函数
- android JNI调用机制
- mysql—常用查询语句总结
- C# .NET 按ASCII 从小到大排序
- Android WebView 开发详解
- python数据类型之间的转换
- GetLastError结果列表
- winform中splitter的用法
- 回去看linux的指令
- koa2学习笔记03 - 给koa2配置session ——koa2结构分层、配置数据库、接口
- tomcat执行shutdown.sh进程残留的解决办法