html 表格过滤功能,ng-repeat带HTML表格过滤器

我正在使用Angular做一个最小的搜索功能，其中我使用了filter和ng-repeat在HTML页面上打印表格。

我正在尝试编写一个自定义过滤器，以帮助我通过输入关键字来实现过滤器数据。

Filter

Filter by: {{filterText}}

{{x.Key.Food}}{{x.Key.Color}}

我有一个海关代码myFilter的脚本代码

app.filter("myFilter",function(){

return function(input,filterText){

if(input["Key"]["Food"]==filterText){

return input;

}

}

})

这是我要在此代码上应用的JSON文件的示例

[

{Key:{Food:"Apple",Color:"Red"},Value:{Amount:"1"}},

{Key:{Food:"Orange",Color:"Orange"},Value:{Amount:"2"}}

]

我面临的问题是我希望通过调用x in data x将成为JSON示例中的对象。当我访问它时；我可以访问x.Key.Food等。

但是，由于未在javascript中定义键对，因此无法解决问题，就像Java中的Foreach一样。