Ⅰ 用angularjs里ng-repeat取到的数据怎么筛选
两种解决式： 式1：升级1.4.4版本该问题已经修复； 式2： ng-repeat遍历象候先按照key排序……所建议json内容改数组某字段作数组项属性
Ⅱ 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>
Ⅲ AngularJS中如何去掉 ng-repeat的自动排序
JavaScript Object本身就不会保证key之间的排序 （EcmaScript 3 An object is a member of the type Object. It is an unordered collection of properties each of which contains a primitive value, object, or function）
但在目前的modern browsers，现实是这样的:
……
嗯，先卖个关子，我们拿你的例子，来试一段代码：
var alphaPrefixedRecords = {
"y2013": 'whatever',
"y2016": 'whatever',
"y2012": 'whatever'
};
var numAlphaRecords = {
"2013y": 'whatever',
"2016y": 'whatever',
"2012y": 'whatever'
};
var pureNumRecords = {
2013: 'whatever',
2016: 'whatever',
2012: 'whatever'
};
var numStringRecords = {
"2013": 'whatever',
"2016": 'whatever',
"2012": 'whatever'
};
var floatNumRecords = {
20.13: 'whatever',
20.16: 'whatever',
20.12: 'whatever'
};
var floatStringRecords = {
"20.13": 'whatever',
"20.16": 'whatever',
"20.12": 'whatever'
};
// insert all keys into an array based
// on the order of their definition
function iterateKey(obj) {
var key, i = 0;
var arr = [];
for (key in obj) {
if (obj.hasOwnProperty(key)) {
arr.push(key);
i = i + 1;
}
}
return arr;
}
console.log('fucked up by JS: ')
console.log('pure num keys: ', iterateKey(pureNumRecords));
console.log('num string keys: ', iterateKey(numStringRecords));
console.log('based on order of definition: ')
console.log('alpha prefixed keys: ', iterateKey(alphaPrefixedRecords));
console.log('num alpha keys: ', iterateKey(numAlphaRecords));
console.log('float num keys: ', iterateKey(floatNumRecords));
console.log('float string keys: ', iterateKey(floatStringRecords));
输出：
fucked up by JS:
pure num keys: ["2012", "2013", "2016"]
num string keys: ["2012", "2013", "2016"]
based on order of definition:
alpha prefixed keys: ["y2013", "y2016", "y2012"]
num alpha keys: ["2013y", "2016y", "2012y"]
float num keys: ["20.13", "20.16", "20.12"]
float string keys: ["20.13", "20.16", "20.12"]
结论是什么呢？
1. 对于类型是number或可转换为整数number的string类型的key，for...in无论如何都会按照number的大小排序，这类似于数组的行为。
2. 对于alphanumerical string类型的key，for...in会按照定义object时的key顺序排列。
Angular可能会做一些内部排序，但是你也看出来了，依靠object key实现排序的做法是不可靠的。即使你是JS ninja，写出一段高深莫测的代码，你以后自己看到了都会想我艹这什么鬼。所以少年，对于你这种年份的use case，还是乖乖地改成数组，然后手动order吧。
Ⅳ angularJs的ng-switch-when怎么在 ng-repeat中进行筛选
两种解决式：
式1：升级1.4.4版本该问题已经修复；
式2：
ng-repeat遍历象候先按照key排序……所建议json内容改数组某字段作数组项属性
Ⅳ 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>
Ⅵ 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的自动排序
$scope.records={
"2013":[
{order_year:"2013",order_date:"3-5",order_number:"A123445678",mileage:20000,sname:"华盛汽车"},
{order_year:"2013",order_date:"6-5",order_number:"A123445678",mileage:28000,sname:"华盛汽车"},
{order_year:"2013",order_date:"3-25",order_number:"A123445678",mileage:16000,sname:"华盛汽车"}
],
"2016":[
{order_year:"2016",order_date:"3-25",order_number:"A123445678",mileage:14000,sname:"华盛汽车"}
],
"2012":[
{order_year:"2012",order_date:"3-25",order_number:"A123445678",mileage:14000,sname:"华盛汽车"}
]};
$scope.keys=Object.keys($scope.records);<divng-repeat="keyinkeys">
{{records[key]}}
</div>
Ⅷ 如何在ng-repeat遍历的元素中动态设置样式
<html ng-app="myApp">
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="js/angular.js"></script>
</head>
<body ng-controller="myCtrl">
<input type="checkbox" ng-model="isAgreen"/>同意？
<script>
var app=angular.mole('myApp',['ng']);
app.controller("myCtrl",function($scope){
$scope.$watch("isAgreen",function(){
console.log($scope.isAgreen);
});
});
</script>
</body>
</html>
<img src="http://img.blog.csdn.net/20161103195723492?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" />
</span>
这段代码是在没数据的时候可以直接在控制台打印出true或false。
[html] view plain
<span style="color:#006600;"><!DOCTYPE html>
<html ng-app="myApp">
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="js/angular.js"></script>
</head>
<body ng-controller="myCtrl">
<table>
<thead>
<tr>
<th>请选择</th>
<th>姓名</th>
<th>生日</th>
</tr>
</thead>
<tbody>
<span style="color:#FF0000;"><tr ng-repeat="obj in data">
<td><input type="checkbox" ng-model="isAgreen" />同意？</td></span>
<td>{{obj.name}}</td>
<td>{{obj.age}}</td>
<td>{{$index}}</td>
</tr>
</tbody>
</table>
Ⅸ angularjs ng-repeat可以含有表达式吗
angularjs ng-repeat可以含有表达式track by.
<div ng-repeat="links in slides">
<div ng-repeat="link in links track by $index">{{link.name}}</div>
</div>
Error: [ngRepeat:pes]这个出错提示具体到题主的情况，意思是指数组中有2个以上的相同数字。ngRepeat不允许collection中存在两个相同Id的对象
For example: item in items is equivalent to item in items track by $id(item). This implies that the DOM elements will be associated by item identity in the array.
对于数字对象来说，它的id就是它自身的值，因此，数组中是不允许存在两个相同的数字的。
为了规避这个错误，需要定义自己的track by表达式。
例如：item
in items track by item.id或者item in items track by fnCustomId(item)。
也可以，直接拿循环的索引变量$index来用item。