md-select 搜索过滤器基于 ng-value 工作，但应该适用于文本答案

【问题标题】：md-select search filter working based on ng-value but should work on textmd-select 搜索过滤器基于 ng-value 工作，但应该适用于文本
【发布时间】：2019-05-08 22:30:58
【问题描述】：

我有一个 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>

【问题讨论】：

能否附上你试过的示例代码sn-p？
当然。我现在就发帖

标签： javascript angularjs select angular-material

【解决方案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

【讨论】：