在嵌套的ng-repeat中如何在Angular过滤器中使用{{}}？答案

【问题标题】：How to use {{ }} inside Angular filters while inside nested ng-repeat?在嵌套的ng-repeat中如何在Angular过滤器中使用{{}}？
【发布时间】：2016-05-20 23:19:57
【问题描述】：

我想在角度“过滤器”过滤器内使用 {{ }}，而在嵌套 ng-repeat 内。以如下关系为例：

var categories = [
    {"title":"land"},
    {"title":"sea"},
    {"title":"air"}
];

var vehicles = [
    {"name":"car", "class":"land"},
    {"name":"boat", "class":"sea"},
    {"name":"helicopter", "class":"air"}
];

还有我的 HTML：

   <div ng-repeat='cat in categories'>
      <table ng-repeat="v in vehicles | filter: {class: {{cat.title}} }">
        <tr>{{v.name}}</tr>
      </table>
   </div>

如何动态过滤表格以按过滤后的类别显示车辆？

【问题讨论】：

在ng-repeat 指令中不需要{{ }}。
跳过它们....

标签： javascript angularjs filter nested ng-repeat

【解决方案1】：

感谢用户@HaukurHaf 的回答！只需省略 {{ }}。快速简单：

<table ng-repeat='v in vehicles | filter: {class: cat.title}">

【讨论】：