поле выбора: отображать текст «ошибка», если значение не существует в массиве

Будет ли это соответствовать вашим потребностям?

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;
    };
});

Используя его для запуска selectedBucket, в вашем контроллере:

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

Это помогает?

Изменить: вот другой jsfiddle с небольшими изменениями, если значение не находится в ведре, оно добавляет элемент в список с ошибкой отображать и как выбранное значение.

Использование ng-options генерирует несколько элементов HTML <select> для каждого элемента в вашем массиве BucketEnum и «возвращает» выбранное значение в вашей переменной ng-model: selectedBucket. Я думаю, что единственный способ отобразить параметры без дополнительной пустой записи — убедиться, что значение selectedBucket является допустимой записью в BucketEnum.

В вашем вопросе говорится:

если я установлю ng-модель, т.е. $scope.selectedBucket = 10, я хочу отобразить текст Error.

Я предполагаю, что вы хотите отобразить значение: {{BucketEnum[selectedBucket].display}}

Итак... начиная с $scope.selectedBucket = 10, нам нужен какой-то общий способ реализации select с использованием ng-options, который сбросит это значение до значения по умолчанию.

Вы можете сделать это, внедрив директиву атрибута, позволяющую писать:

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

Пример такого подхода показан ниже. Обратите внимание, что это предполагает, что значение по умолчанию равно нулю и не обрабатывает несколько вариантов выбора (вам придется перебирать варианты выбора при сравнении с каждым элементом в BucketEnum и решать, что делать, если есть сочетание допустимых и недопустимых вариантов выбора).

app.directive("selectDefault",function(){
    return{
        restrict: 'A',
        scope: false,
        link:function(scope,element,attrs){
            var arr= scope[attrs.selectDefault];    // array from attribute  
            scope.$watch(attrs.ngModel,function(){
                var i, ok=false;
                var sel= scope[attrs.ngModel];      // ng-model variable
                for( i=0; i<arr.length; i++){       // variable in array ?
                    if( arr[i].value == sel )       // nasty '==' only for  demo
                        ok= true;
                }
                if( ! ok )
                    scope[attrs.ngModel]=0;    // set selectedBucket to 0
            });
        }
    };
});

Я запустил здесь jsfiddle

Недостатком этого является то, что я использовал $watch в ng-модели, что вызывает побочные эффекты, то есть любое присвоение именованной переменной вызовет функцию $watch.

Если это то решение, которое вы искали, вы можете расширить директиву всеми возможными способами, например:

<select ng-model="selectResult"
        select-default="99" array="BucketEnum" initial="selectedBucket"
        ng-options="row.value as row.display for row in BucketEnum" 
        multiple="multiple">

... идея состоит в том, что директива select-default будет читать значение по умолчанию (здесь "99"), значения array и initial, а затем соответственно устанавливать selectResult

Вам нужно будет закодировать это явно. Отсканируйте варианты, которые вы хотите противопоставить имеющимся вариантам. Если вы не найдете его, выберите значение ошибки.

Также обратите внимание, что вам нужно передать массив для selectedBucket, и он должен включать фактические объекты параметров, а не только значения внутри них.

<div ng-app="myApp">
    <div ng-controller="myController">
        <p>Select something</p>
    <select ng-model="selectedBucket" 
     ng-options="row as row.display for row in bucketEnum" multiple="multiple">
    </select>
    </div>
</div>

.

var app = angular.module('myApp', []);

app.controller('myController', function ($scope) {

     var initialSet = [1, 5, 10];

     $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 }
     ];

    var selected = [];
    var error = $scope.bucketEnum[0];
    angular.forEach(initialSet, function(item) {
        var found;
        angular.forEach($scope.bucketEnum, function (e) {
            if (+item == +e.value) {
                console.log('Found ', e);
              found = item;
              selected.push(e);
            }
        });
        if (typeof found === 'undefined') {
            selected.push(error);
        }
        $scope.selectedBucket = selected;
        console.log(selected);
      });
 });