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

希望它对你有用

$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>

请控制器中的所有代码

{{1}}

更改选择值时更改刷新指令。

angularjs中的下拉过滤器

1 个答案: