I am looking to incorporate {{ }} within the Angular "filter" filter, specifically while nested inside an ng-repeat. Let's consider the relationship below:
var categories = [
{"title":"land"},
{"title":"sea"},
{"title":"air"}
];
var vehicles = [
{"name":"car", "class":"land"},
{"name":"boat", "class":"sea"},
{"name":"helicopter", "class":"air"}
];
Here is my HTML setup:
<div ng-repeat='cat in categories'>
<table ng-repeat="v in vehicles | filter: {class: {{cat.title}} }">
<tr>{{v.name}}</tr>
</table>
</div>
I am seeking a solution on how to dynamically apply filtering to my table based on the vehicle classes.