angularjs - 选择框 : display text 'error' if value not exist in array

Question

我有一个如下定义的键值对，用于使用 ng-options 进行选择

 $scope.BucketEnum = [
    { display: 'Error', value: 0 },
    { display: '1', value: 1 },
    { display: '2', value: 2 },
    { display: '3', value: 3 },
    { display: '4', value: 4 },
    { display: '5', value: 5 },
    { display: 'Flows', value: 125 },
    { display: 'Recovery', value: 151 }
];

我正在使用此键值对在 ng-options 中显示选择框

     <select ng-model="selectedBucket" ng-options="row.value as rows.display for row in BucketEnum" multiple="multiple" ></select>

现在，如果我设置 ng-model，即 $scope.selectedBucket = 10 ，我想显示文本错误。是否可以显示值 Error对于 $scope.BucketEnum 中不存在的所有值大批。

注意

我正在寻找一种更通用的方法来执行此操作，例如用于执行此操作的过滤器

情景

数据库中有一定的历史数据，有一些垃圾，也有一些好的数据。

对于每个垃圾值，我需要显示当前垃圾值以及可供选择的有效值，以便最终用户修复它。

Answer 1

这能满足您的需求吗？

jsfiddle

app.filter('bootstrapValues', function(){
    return function(initial, baseBucket){
        var result = [];
        for(var i=0; i<initial.length; i++){
            var flag = false;
            for(var j=1; j<baseBucket.length; j++){ //from 1 or 0.. you call
                if(initial[i] === baseBucket[j].value){
                    flag = true;
                    result.push(baseBucket[j]);
                    break; // if there are repeated elements
                }
            }
            if(!flag)
                result.push(baseBucket[0])
        }
        return result;
    };
});

使用它在您的 Controller 中启动 selectedBucket:

   // setting initials
        $scope.selectedBucket = $filter('bootstrapValues')(initialSet, $scope.bucketEnum);

它有帮助吗？

编辑:这是其他 jsfiddle稍加修改，如果该值不在存储桶中，它会将元素添加到带有错误显示的列表中并作为选定值。