Как отключить выпадающий список элементов в AngularJS?

Question

Я новичок в AngularJS, и я создаю веб-приложение, которое необходимо отключить исходящие значения в выпадающем списке.

Я знаю, как это сделать в jQuery. Это так: http://jsfiddle.net/qiushibaike/FcLLn/

Но я действительно не знаю, как это сделать в AngularJS. Должен ли я попытаться отключить элемент или скрыть его? Могу ли я установить значение

HTML

<select ng-model="numbers.value" required> 
    <option ng-repeat="item in items"> {{item.name}} </option> 
</select><br/> 

JavaScript

$scope.numbers= {}; 

$scope.items = [ 
    { id: 1, name: '11111'}, 
    { id: 2, name: '22222'}, 
    { id: 3, name: '33333'} 
]; 

Если у меня есть что-то вроде этого, как я могу отключить или скрыть параметр 2 и 3 по AngularJS вроде того, что я сделал, используя jQuery?

Answer 1

Инструкция Angular's ngDisabled.

HTML

<select ng-model="numbers.value" required> 
    <option ng-repeat="item in items" ng-disabled="item.disabled"> {{item.name}} </option> 
</select> 

Javascript

$scope.items = [ 
    { id: 1, name: '11111'}, 
    { id: 2, name: '22222', disabled: true }, 
    { id: 3, name: '33333', disabled: true } 
] 

Answer 2

Это также возможно с ngOptions.

Вам просто нужно добавить «отключить, когда» в теге ng-options.

В вашем случае, вы можете также сделать как этот

HTML

<select ng-model="numbers.value" 
    ng-options="var.name as var.name disable when var.disabled for var in items" required> 
     <option value="">-- Select --</option></select> 

Javascript

$scope.items = [ 
    { id: 1, name: '11111'}, 
    { id: 2, name: '22222', disabled: true }, 
    { id: 3, name: '33333', disabled: true } 
] 

Plunkr

Если вы хотите отключить какой-либо параметр динамически из кода ,

здесь Plunkr : Dynamic Example.