I am using a md select search filter with multiple options available.
For instance:
id: 133, label:'Route1'
id: 144, label:'Route2'
id: 155, label:'Route3'
id: 166, label:'Route4'
If I input '1' in the filter, only the first option should be displayed. However, all options are currently being shown because the id field contains '1'.
Here is a snippet of the code:
<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>