导航:首页 > 净水问答 > ngrepeat过滤器

ngrepeat过滤器

发布时间:2021-02-12 06:40:22

① angular中用ng-repeat创建的元素怎么获取其中某几个

通过写过滤器来获取其中某几个。

比如

<!DOCTYPEhtml><html><head><metacharset="utf-8"><scriptsrc="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script></head><body><divng-app="myApp"ng-controller="namesCtrl"><p>输入过滤:</p><p><inputtype="text"ng-model="test"></p><ul><ling-repeat="xinnames|filter:test|orderBy:'country'">{{(x.name|uppercase)+','+x.country}}</li></ul></div><scriptsrc="namesController.js"></script></body></html>

② angularjs内置过滤器filter能不能获取过滤后的数据

AngularJS的内置过滤器使用方法:
一个过滤器,不带参数的情况
{{expression | filter}}

一个过滤器,带参数的情况
{{expression | filter:arguments}}

一个过滤器,带多个参数的情况
{{expression | filter: arg1: arg2: ...}}

多个过滤器,不带参数的情况
{{expression | filter1 | filter2 | ...}}
分别使用以下AngularJS的内置过滤器
currency

currency允许我们设置自己的货币符号,默认情况下会采用客户端所处区域的货币符号。
可以这样使用:{{ 3600 | currency: "$¥"}}
返回结果为$¥123.00
online code点击预览

number

number过滤器将数字格式化成文本,它的参数是可选的,用来控制小数点后的截取位数
如果传入的是一个非数字字符,会返回空字符串
可以这样使用:{{ 3600 | number:2}}
返回结果为:3,600.00
online code点击预览

lowercase

lowercase将字符串转换为小写
可以这样使用:{{ "HEllo" | lowercase}}
返回结果为:hello
online code点击预览

uppercase

uppercase将字符串转换为大写
可以这样使用:{{ "HEllo" | uppercase}}
返回结果为:HELLO
online code点击预览

json

json过滤器可以将一个JSON或者JavaScript对象转换成字符串。
这个过滤器对调试相当有用
可以这样使用:{{ {"name":"dreamapple","language":"AngularJS"} | json}}
返回结果为:{ "name": "dreamapple", "language": "AngularJS" }
online code点击预览

date

date过滤器将日期过滤成你想要的格式,这个实在是很好的过滤器。
这个过滤器用法很多我这里列举几种常用的
{{ today | date: "yyyy - mm - dd"}}
结果为:2015 - 15 - 13
{{ today | date: "yyyy - mm - dd HH:mm::ss"}}
结果为:2015 - 18 - 13 20:18::38
[online code](2015 - 18 - 13 20:18::38)

③ angular filter 对数组过滤时,排除arr怎么做

js:
$scope.arr = [
["212","上","下","左","右"],
["12","1","2","3","4"],
]

html:
<input type="text" ng-model="text">

<tr ng-repeat="dataTr in arr | filter:text">
<td ng-repeat="dataTd in dataTr">
<ng-switch on="$first">
<span ng-switch-when="true">{{index+1}}</span>
<span ng-switch-default>{{dataTd}}</span>
</ng-switch>
</td>
</tr>

④ angular 过滤器一定要在ng-repeat里面吗

小写过滤器
添加小写的过滤器,使用管道符的表达式。在这里添加小写过滤器专,以小写字属母打印学生姓名。
Enter first name:<input type="text" ng-model="student.firstName">
Enter last name: <input type="text" ng-model="student.lastName">
Name in Upper Case: {{student.fullName() | lowercase}}

货币滤波器
加币过滤器使用管道符返回数的表达式。在这里,我们添加了过滤器,货币使用货币格式的打印费用。
Enter fees: <input type="text" ng-model="student.fees">
fees: {{student.fees | currency}}

⑤ angularJS的ng-repeat有没有办法横向遍历

这个设置个样式,让div横向排列就行了,和ng-repeat没什么太大关系

⑥ angular中,ng-repeat产生多个标签,怎样获取每个标签的高度

|

写过滤器
比如

<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<scriptsrc="
</head>
<body>

<divng-app="myApp"ng-controller="namesCtrl">

<p>输入过滤:</p>

<p><inputtype="text"ng-model="test"></p>

<ul>
<ling-repeat="xinnames|filter:test|orderBy:'country'">
{{(x.name|uppercase)+','+x.country}}
</li>
</ul>

</div>

<scriptsrc="namesController.js"></script>

</body>
</html>

⑦ angularjs自定义的过滤器只能用一次吗

这个只能自己写过滤方法版了权
function unique(arr, key){

var tempArr = arr;

for(var i = 0;i < tempArr.length;i++){

for(var j = 0;j< tempArr.length;j++){

if(tempArr[i][key] == tempArr[j][key]){

arr.splice(j,1);

}

}

}

return arr;
}
unique($scope.items,'name')

⑧ 用angularjs里ng-repeat取到的数据怎么筛选

两种解决式: 式1:升级1.4.4版本该问题已经修复; 式2: ng-repeat遍历象候先按照key排序……所建议json内容改数组某字段作数组项属性

⑨ angularJs的ng-switch-when怎么在 ng-repeat中进行筛选

两种解决式:
式1:升级1.4.4版本该问题已经修复;
式2:
ng-repeat遍历象候先按照key排序……所建议json内容改数组某字段作数组项属性

阅读全文

与ngrepeat过滤器相关的资料

热点内容
净水嚣滤芯是做什么的 浏览:999
edi办理咨询 浏览:757
2015年污水处理厂名单 浏览:747
废水中氟怎么测量 浏览:496
聚合氯化铝是如何处理含磷废水的 浏览:580
城镇一体化污水处理设 浏览:407
污水乳制品的cod是多少 浏览:811
离子交换层析的特点 浏览:299
南京污水提升泵厂家 浏览:574
去除大肠杆菌超滤设备 浏览:682
超纯水泵怎么使用 浏览:763
雨水回用喷灌 浏览:690
安阳污水治理工程多少钱 浏览:181
污水处理提升泵出口流量难调 浏览:740
深圳白泥坑污水处理厂多大 浏览:833
拖拉机提升器放中立上往下落 浏览:855
废水tp总磷指标如何降低 浏览:567
锅炉反渗透浓水 浏览:634
污水处理站臭味监测 浏览:766
厦门污水提升器多少钱 浏览:820