Angularjs 使用控制器中存储的id变量筛选ng重复结果
我的控制器中有一个id,比如说Angularjs 使用控制器中存储的id变量筛选ng重复结果,angularjs,angularjs-ng-repeat,ng-repeat,Angularjs,Angularjs Ng Repeat,Ng Repeat,我的控制器中有一个id,比如说id=1,还有一个数据项列表$scope.items=data。 数据结构如下所示: "data": [ { "id":1, "name":"ranjith" }, { "id":2, "name":"sumanth" } ] 我的HTML <span ng-repeat="item in items | filter: getResult">{{item
id=1
,还有一个数据项列表$scope.items=data
。
数据结构如下所示:
"data": [ {
"id":1,
"name":"ranjith"
},
{
"id":2,
"name":"sumanth"
}
]
我的HTML
<span ng-repeat="item in items | filter: getResult">{{item.name}}</span>
我只想输出id=1的项
表示id=1
和name=ranjith
的数据集。我尝试了一些代码,但似乎没有任何效果。试试这个:
在html中:
<span ng-repeat="item in data | filter: getResult">{{item}}</span>
试试这个:
在html中:
<span ng-repeat="item in data | filter: getResult">{{item}}</span>
您已接近使其工作,但有几个错误:
- 您没有正确关闭
span
- 您的
中没有输出任何内容,因此如果它正常工作,您将看不到任何内容span
- 您将数据集存储在一个名为
的变量中,然后在data
中使用ng repeat
items
var-app=angular.module(“fiddle”,[]);
应用控制器(“小提琴控制器”,功能($scope){
$scope.items=[
{
“id”:1,
“名称”:“兰吉特”
},
{
“id”:2,
“名称”:“苏曼斯”
}
];
$scope.id=1;
$scope.getResult=函数(项){
return item.id==$scope.id;
};
})
{{item.name}
您很快就能让它工作,但有几个错误:
- 您没有正确关闭
span
- 您的
中没有输出任何内容,因此如果它正常工作,您将看不到任何内容span
- 您将数据集存储在一个名为
的变量中,然后在data
中使用ng repeat
items
var-app=angular.module(“fiddle”,[]);
应用控制器(“小提琴控制器”,功能($scope){
$scope.items=[
{
“id”:1,
“名称”:“兰吉特”
},
{
“id”:2,
“名称”:“苏曼斯”
}
];
$scope.id=1;
$scope.getResult=函数(项){
return item.id==$scope.id;
};
})
{{item.name}
您能提供您尝试过的吗?就像你的过滤器getResult
$scope.getResult=函数(a){if(a.id==$scope.id)返回true;否则返回false;}的内容一样,当你说什么都不起作用时,你的意思是它什么都不输出,还是它什么都输出?你能提供你已经尝试过的吗?就像过滤器的内容getResult
$scope.getResult=函数(a){if(a.id==$scope.id)返回true;else返回false;}当你说什么都不起作用时,你是说它什么都不输出,还是说它什么都不输出?oops!我的错误。我再也不会重复了。很抱歉占用了你宝贵的时间@zamarrowski@Ranjith没问题,很高兴能帮上忙!我的错误。我再也不会重复了。很抱歉占用了你宝贵的时间@zamarrowski@Ranjith没问题,很高兴有帮助
$scope.data = [ { "id":1, "name":"ranjith" }, { "id":2, "name":"sumanth" } ];
$scope.id = 1;
//Filter
$scope.getResult = function(item){
return item.id == $scope.id;
};