AngularJS：过滤深度嵌套，多对多的对象属性

Question

我正在构建一个小型演示应用程序，用AngularJS对饮料进行分类：

我正在尝试使用ng-repeat来显示饮料菜单，我正在尝试使用选择按成分过滤。

饮料看起来像这样：

{:name, :drink_components => [{:ingredient => {:name, :alcoholic?}}]}

我的转发器看起来像这样：

<div class="drink_row" 
     ng-repeat="drink in drinks |
                filter:{drink_components: ingredient:{name:filterByIngredient}} |
                orderBy:'name'">

我想在drink.drink_components.ingredient.name上使用select过滤器。