① 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内容改数组某字段作数组项属性