I have two array shaped like this:
$scope.values_array = ['string1', 'string2', 'string3', 'string4'];
$scope.skip_array = ['string2', 'string3'];
and I try to use ng-options like this:
<select ng-options="value as value for value in values_array && skip_array.indexOf(value) === -1"></select>
This doesn't produce an error but nothing shows up in the dropdown anymore. Without the "&& skip_array.indexOf(value)" it shows all the options in values_array.
html:
<select ng-model="selectedValue" ng-options="value as value for value in values_array | filter:skipValues"></select>
controller:
$scope.skipValues = function(value, index, array) {
return $scope.skip_array.indexOf(value) === -1;
};
$scope.values_array = ['string1', 'string2', 'string3', 'string4'];
$scope.skip_array = ['string2', 'string3'];
UDPATE:
If you want to pass an extra parameter to the filter function
html:
<select ng-model="selectedValue" ng-options="value as value for value in values_array | filter:skipValues(1)"></select>
controller:
$scope.skipValues = function(anInt) {
return function(value, index, array) {
return $scope.skip_array.indexOf(value) === -1 && anInt > 0;
}
};
$scope.values_array = ['string1', 'string2', 'string3', 'string4'];
$scope.skip_array = ['string2', 'string3'];
How about using a filter? Like
<select ng-options="value as value for value in (values_array | yourFilter)"></select>
yourFilter might be something in the lines of this answer:
.filter('inArray', function($filter){
return function(list, arrayFilter, element){
if(arrayFilter){
return $filter("filter")(list, function(listItem){
return arrayFilter.indexOf(listItem[element]) != -1;
});
}
};
});
Just use a function that will return the filtered values. You may also use a separate filter but a function should be much easier in this case
<select name="mySelect" id="mySelect" ng-model="mySelectmodel" ng-options="value as value for value in filteredValues(values_array)">
$scope.filteredValues = function () {
return $scope.values_array.filter(function (val) {
return $scope.skip_array.indexOf(val) === -1;
});
};
Here is the full working example
Html
<select ng-modal="yourmodalname" ng-options="x.id as x.name for x in arraylistofvalue | filter : selectedvalues"></select
angular controller
$scope.selectedvalues = function(value , index , array ){
if (value.id == 1){
return $scope.arraylistofvalue.indexOf(value);
}
}
array list
$scope.arraylistofvalue = [{id : 1 ,name : 'value1'}{id : 2 ,name : 'value2'}]
