angularjs中的下拉过滤器

Question

我有一个数据数组，我需要将其绑定到 angularjs 中的下拉列表。

$scope.offerFilter = [  {title :'Matching Ticket' , Status : '1'},
     {title :'Non-matched Ticket',Status : '2'},
     {title :'Rejected Ticket',Status :  '3'},
     {title: 'Not Sale', Status: '0'}]

我已将标题绑定到我的下拉列表。当我从下拉列表中选择选项时，我的页面没有被过滤。我不知道我哪里错了。

我的观点：

<select ng-model="SelectedStatus" ng-options="type.Status as type.title for type in offerFilter" style="float:right;width:40%;font-family:'Segoe UI';font-size:12px;">
                    <option value="">All {{type.title}}</option>
                </select>
<md-list-item dir-paginate="ticket in ticketInventoryList.data.hits.hits | itemsPerPage:10 | filter : SelectedStatus">
            <div style="width:15%">
                <img alt="{{ ticket._source.SeriesName }}" ng-src="{{ ticket._source.ImagePath }}" class="md-avatar" style="width:90%" />

            </div>
     </md-list-item>

我的控制器：

我已将 ng-model 变量声明为 $scope.SelectedStatus='';

提前致谢。

Answer 1

希望对你有用

<select ng-model="SelectedStatus" ng-change="changeValue(SelectedStatus)" ng-options="type.Status as type.title for type in offerFilter" style="float:right;width:40%;font-family:'Segoe UI';font-size:12px;">
                    <option value="">All {{type.title}}</option>
                </select>

请在控制器中输入所有代码

$scope.isShow=false;
$scope.changeValue=function(selectedValue){
    if(condtion you want){
    $scope.isShow=false;
    $timeout(function(){
            $scope.isShow=true;
    },500);
    }
}

<md-list-item dir-paginate="ticket in ticketInventoryList.data.hits.hits | itemsPerPage:10 | filter : SelectedStatus" data-ng-if="isShow">
            <div style="width:15%">
                <img alt="{{ ticket._source.SeriesName }}" ng-src="{{ ticket._source.ImagePath }}" class="md-avatar" style="width:90%" />

            </div>
     </md-list-item>

选择值更改时您对刷新指令的更改。