AngularJs過濾年齡和性別

性別排序、年齡排序

<select ng-model="ageSelect">
                        <option>--請選擇年齡--</option>
                        <option>10-20</option>
                        <option>20-30</option>
                        <option>40-50</option>
                    </select>
                    <select ng-model="sexSelect" ng-click="sexs">
                        <option>--請選擇性別--</option>
                        <option></option>
                        <option></option>
                    </select>
filter:ageFilter | filter:sexFilter

年齡和性別執行過濾的操作

$scope.ageSelect="--請選擇年齡--";

                $scope.sexSelect="--請選擇性別--";

                /*過濾年齡*/
                $scope.ageFilter = function(user){
                    if($scope.ageSelect!="--請選擇年齡--"){
             //執行分割的操作
                        var arr = $scope.ageSelect.split("-");
                        var min=arr[0];
                        var max=arr[1];

                        if(min<user.age && user.age<max){
                            return true;
                        }else{
                            return false;
                        }
                    }else{
                        return true;
                    }
                };

                /*過濾性別*/
                $scope.sexFilter = function(user){
                    if($scope.sexSelect!="--請選擇性別--"){
                        if($scope.sexSelect==user.sex){
                            return true;
                        }
                    }else{
                        return true;
                    }
                };
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章