AngularJS实战之filter的使用二
2017-08-24 23:37
204 查看
AngularJS实战之filter的使用一:http://blog.csdn.net/liuxufeijidian/article/details/77543301
博文一中的filter是angular自带的filter,一般不会满足我们的使用。我们可以自定义filter。
app.filter(‘reverse’, function() { return function(text) { return
text.split(“”).reverse().join(“”); }; });
app.controller(“crl”, function(scope,filter) {
$scope.ceshi=”abcd”; }); [
效果为:dcba
效果为:DCBA
app.controller("crl", function($scope, $filter) {
$scope.reverse = $filter('reverse')("abcd");
$scope.date = $filter('date')(new Date());
});
[/code]
效果为
Aug 24, 2017
dcba
博文一中的filter是angular自带的filter,一般不会满足我们的使用。我们可以自定义filter。
一、自定义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());
});
[/code]
效果为
Aug 24, 2017
dcba
相关文章推荐
- angularjs实战之filter使用一
- AngularJS实战之filter的使用二
- AngularJS实战之filter的使用一
- AngularJS使用Filter自定义过滤器控制ng-repeat去除重复功能示例
- Scala 深入浅出实战经典 第88讲:Scala中使用For表达式实现map、flatMap、filter
- 详解Spring Boot实战之Filter实现使用JWT进行接口认证
- AngularJS中filter的使用实例详解
- AngularJS:在ng-click中使用Filter。
- storm trident实战 filter,function的使用
- Spring Boot实战之Filter实现使用JWT进行接口认证
- 使用AngularJS中的filterFilter函数进行过滤
- angularjs学习笔记之三(变量及过滤器Filter的使用)
- Scala深入浅出实战经典《第88讲:Scala中使用For表达式实现map、flatMap、filter》笔记
- Spring Boot实战之Filter实现使用JWT进行接口认证 jwt(json web token) 用户发送按照约定,向服务端发送 Header、Payload 和 Signature,
- AngularJS实战之ng-repeat的使用
- angularjs的$filter使用
- angularJS中filter(过滤器)的使用
- Spring Boot实战之Filter实现使用JWT进行接口认证
- JavaEE开发实战--Filter的使用
- Spring Boot实战之Filter实现使用JWT进行接口认证