Javascript md选择基于ng值的搜索筛选器,但应适用于文本
我有一个md select搜索过滤器,它有几个选项。Javascript md选择基于ng值的搜索筛选器,但应适用于文本,javascript,angularjs,select,angular-material,Javascript,Angularjs,Select,Angular Material,我有一个md select搜索过滤器,它有几个选项。 例如: id:133,标签:'Route1' id:144,标签为“路由2” id:155,标签:'Route3' id:166,标签:'Route4' 如果我在筛选器上键入1,它应该只显示第一个选项,但显示所有选项,因为id字段中包含“1” 示例代码: <md-select id="Route" name="Route" ng-model="filter.RouteIds" multiple data-md-container-c
例如:
id:133,标签:'Route1'
id:144,标签为“路由2”
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>
{{routeToggleText}}
{{route.label}
您需要指定哪个对象属性,在本例中是label
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}}
{{route.label}
参考此示例是否可以包括您尝试的示例代码段?当然可以。我现在就发