AngularJS实战之filter的使用二
程序员文章站
2022-03-05 14:16:00
...
博文一中的filter是angular自带的filter,一般不会满足我们的使用。我们可以自定义filter。
一、自定义filter实现反转字符串
效果为:dcba
二、使用多个filter
效果为:DCBA
三、在controller中使用filter
注入filter即可
效果为
Aug 24, 2017
dcba
一、自定义filter实现反转字符串
<div>{{ceshi|reverse}}</div>
app.filter('reverse', function() { return function(text) { return text.split("").reverse().join(""); }; });
app.controller("crl", function($scope, $filter) { $scope.ceshi="abcd"; });
效果为:dcba
二、使用多个filter
<div>{{ceshi|reverse|uppercase}}</div>
效果为:DCBA
三、在controller中使用filter
注入filter即可
<div>{{date}}</div> <div>{{reverse}}</div>
app.controller("crl", function($scope, $filter) { $scope.reverse = $filter('reverse')("abcd"); $scope.date = $filter('date')(new Date()); });
效果为
Aug 24, 2017
dcba
推荐阅读
-
详解Spring Boot实战之Filter实现使用JWT进行接口认证
-
Android之使用Android-query框架开发实战(二)
-
ASP使用Filter实现信息的二次检索
-
AngularJS实践之使用ng-repeat中$index的注意点
-
angularJS的radio实现单项二选一的使用方法
-
ElasticSearch实战系列二: ElasticSearch的DSL语句使用教程---图文详解
-
机器学习实战学习笔记(二)-KNN算法(2)-使用KNN算法进行手写数字的识别
-
前端笔记之React(二)组件内部State&React实战&表单元素的受控
-
(二)surging 微服务框架使用系列之surging 的准备工作consul安装
-
AngularJS中filter的使用实例详解