Multiple Dropdownlist Filter Example


#1

Here the example about getting multiple conditions by dropdownlist to filter the list-item

http://jsfiddle.net/6s5cfya1/

//This is the object to hold the selected value. When you bind ion-select in side a ion-content the selected value will store in $parent scope. So you have to use object (instead variables) to hold the selected value on this $scope. Link reference of this issue
//https://forum.ionicframework.com/t/item-select-not-selectable-in-browser-from-within-ion-content/3158/13
//Solved by this:  http://stackoverflow.com/questions/27271917/html-select-doesnt-bind-to-controller-when-nested-in-ion-content
$scope.selectionModel = {
  mID: "",
  mName: ""
};

//The functions to combine multiple condiction to filter the list-item
$scope.search = function(row) {
  return (
    angular.lowercase(row.id).toString().indexOf(angular.lowercase($scope.selectionModel.mID) || "") !== -1 &&
    angular.lowercase(row.name).toString().indexOf(angular.lowercase($scope.selectionModel.mName) || "") !== -1
  );
};