如何在AngularJS禁用下拉列表中的项目？ [英] How to disable dropdown list item in AngularJS?

问题描述

我是一个初学者到AngularJS，我想提出一个web应用程序，需要在下拉列表中禁用退出值。

I am a beginner to AngularJS and I am making a web app that needs to disable exiting values in a dropdown list.

我知道该怎么做jQuery的。它就像这样： http://jsfiddle.net/qiushibaike/FcLLn/

I know how to do it in jQuery. It is just like this: http://jsfiddle.net/qiushibaike/FcLLn/

但我真的不知道该怎么做，在AngularJS，我应该尝试禁用物品或隐藏呢？我可以设置一个值

But I don't really know how to do it in AngularJS, Should I try to disable the item or hide it? Can I set a value

HTML

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

JavaScript的

JavaScript

$scope.numbers= {};

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

如果我有这样的事情，我怎么可以禁用或隐藏像我做什么由使用jQuery选择2和3被AngularJS？

If I have something like this, how can I disable or hide the option 2 and 3 by AngularJS like what I did by using jQuery?

推荐答案

使用角的 ngDisabled 指令。

HTML

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

的JavaScript

Javascript

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

这篇关于如何在AngularJS禁用下拉列表中的项目？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！