Фильтр md-select работает по значению ng, но должен работать с текстом

Question

У меня есть фильтр поиска md select, который имеет несколько параметров.
Например:
id: 133, метка: 'Route1'
id: 144, метка: 'Route2'
id:155, метка: 'Route3'
id: 166, метка: 'Route4'

Если я наберу 1 на фильтре, он должен показывать только первую опцию, но отображать все опции, потому чтоПоле id содержит «1».

Пример кода:

  <md-select id="Route" name="Route" ng-model="filter.RouteIds" multiple data-md-container-class="mdSelect" md-on-close="RouteChange();" ng-required="(sellerFilter && needfilter && '@routeReq' =='required')">
                                                    <md-select-header class="mdSelectHeader">
                                                        <input ng-model="SearchRoute"
                                                               type="search"
                                                               placeholder="@Misc.getResource("APP_CMN_LBL_Search")"
                                                               class="mdSelectSearchBox md-text">
                                                    </md-select-header>
                                                    <md-button style="width: 93%;text-align: left;font-size: 12px;" value="all" ng-click="fnSelectAllRoute()">{{routeToggleText}}</md-button>
                                                    <md-option ng-repeat="route in routes | filter: SearchRoute" value="{{route.value}}" ng-mousemove="fnCheckToggleText(filter.RouteIds.length, routes.length, 'routeToggle');">
                                                        {{route.label}}
                                                    </md-option>
                                                </md-select>

Answer 1

Вам необходимо указать, какое свойство объекта, в данном случае это метка.

filter: { label: SearchRoute}

Это должно быть

 <md-option ng-repeat="route in routes | filter: { label: SearchRoute}" value="{{route.value}}" ng-mousemove="fnCheckToggleText(filter.RouteIds.length, routes.length, 'routeToggle');">
                                                        {{route.label}}

См. Этот пример CodePen