Angularjs 使用控制器中存储的id变量筛选ng重复结果

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,比如说
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;
};