AngularJS 过滤器
<!DOCTYPE html>
<html lang="en" ng-app="test">
<head>
<meta charset="UTF-8">
<title>过滤器</title>
</head>
<body ng-controller="ctr">
<!-- 1、currency -->
<div>{{ aa|currency:"¥" }}</div>
<!-- 2、lowercase -->
<div>{{ bb|lowercase }}</div>
<!-- 3、uppercase -->
<div>{{ cc|uppercase }}</div>
<!-- 4、orderBy -->
<ul>
<li ng-repeat="j in obj|orderBy: 'country'">{{ j.name + "," + j.country }}</li>
</ul>
<!-- 5、filter -->
<p>输入过滤:</p>
<input type="text" ng-model="guo">
<ul>
<li ng-repeat="j in obj|filter: guo|orderBy: 'country'">{{ j.name + "," + j.country }}</li>
</ul>
</body>
<script type="text/javascript" src="../shop/js/angular.min.js"></script>
<script type="text/javascript">
var app = angular.module("test", []);
app.controller("ctr", function($scope){
$scope.aa = 10069;
$scope.bb = "HGGIIBMJDKHF";
$scope.cc = "bndjfdeoso";
$scope.obj = [{name: "gh", country: "hd"},{name: "sd", country: "y"},{name: "f", country: "g"}];
});
</script>
</html>
- Angularjs自定义过滤器
- AngularJS中多种过滤器的使用
- AngularJs自定义过滤器
- angularjs的使用:过滤器(5)
- Angularjs-filter(过滤器)
- angularJS中把html格式的字符串转成html格式显示,ng-bind-html与trustAsHtml的过滤器
- AngularJS中过滤器的使用与自定义实例代码
- AngularJs基础——过滤器filter及自定义过滤器filter
- AngularJS过滤器介绍
- angularjs中的filter(过滤器)
- AngularJS中的过滤器
- AngularJS自定义过滤器
- AngularJS过滤器filter用法分析
- AngularJS入门讲解2:过滤器和双向绑定
- angularjs之过滤器
- AngularJS系列(三)——过滤器(filder)
- angularjs表达式中添加过滤器-uppercase
- AngularJS的内置过滤器总结
- angularjs中过滤器使用
- AngularJs 之过滤器($filter)