我想在指令中将禁用引入ng-options中
在AngularJS中，ng-options指令用于在select元素中生成选项列表。如果你想禁用引入ng-options中的选项，可以使用ng-disabled指令。
具体做法是，在ng-options指令中使用ng-disabled指令来判断是否禁用某个选项。ng-disabled指令接受一个表达式，如果该表达式的值为true，则禁用该选项。
以下是一个示例：
<select ng-model="selectedOption" ng-options="option.value as option.label for option in options" ng-disabled="option.disabled"></select>在上面的示例中，options是一个包含选项的数组，每个选项都有一个value和label属性。如果某个选项的disabled属性为true，则该选项将被禁用。
关于ng-options的更多信息，你可以参考AngularJS官方文档中的说明：ngOptions
如果你使用腾讯云的云计算服务，你可以考虑使用腾讯云的Serverless云函数（SCF）来实现类似的功能。SCF是一种无服务器计算服务，可以帮助你在云端运行代码，而无需关心服务器的管理和维护。
你可以使用SCF来编写一个云函数，该函数接收一个参数，判断是否禁用某个选项，并返回相应的结果。然后，在你的前端应用中调用该云函数来获取禁用选项的信息。
关于腾讯云的Serverless云函数（SCF）的更多信息，你可以访问腾讯云官方网站：腾讯云Serverless云函数（SCF）
相关·内容
1回答
我希望使用ng-options AngularJS从下拉列表中禁用已经选定的值。
<select name="fruit" ng-model="selectedFruits" ng-options="fruit as fruit.name for fruit in fruits"></select>
<button ng-click="add()">Add</button>
$scope.selectedFruits = undefined;
$scope.finalSelecte
浏览 2提问于2014-03-03得票数 0
2回答
标题显示了一切..。我已经读了几篇关于Stackoverflow和的文章，但是我还没有找到令人满意的解释。
如果ng-disabled被激活，标签中的输入值是否被删除？
让我举一个例子来说明。
<form method="POST" name="form" action="">
<select ng-model="model[1]"
ng-options="i for i in fc.items[1]"
ng-disabled="
浏览 6提问于2017-02-22得票数 0
回答已采纳
我想在我的选择中禁用一个选项，但使模型保留该选项并将其显示为选中。
看看这个小提琴：
<div ng-app=selectExample ng-controller="ExampleController">
<select ng-model="myColor"
ng-options="color.name group by color.shade disable when color.notAnOption for color in colors">
</select>
<button ng
浏览 24提问于2017-01-13得票数 3
我在同一页上有几个select元素。每个选择下拉列表都包含相同的项目。我想在下拉列表中禁用一个项目，如果它已经在另一个选择元素中被选中。换句话说，我不希望一个项目在所有选择元素中被多次选中。
对如何实现这一点有什么想法吗？
当我使用以下代码时，下拉列表中没有禁用任何内容。
控制器代码：
var editProject = this;
editProject.addMore = function() {
editProject.project.fruit.push({});
};
editProject.fruitids = [
{code: 'GOODS',
浏览 3提问于2015-12-20得票数 4
当我想在select中精确设置一个默认值时，我不知道为什么它不能工作：
<select ng-init="action1 = skills[0].name"
ng-model="action1" ng-options="skill.name for skill in skills">
</select>
即使使用：
<select ng-init="action1 = action1"
ng-mod
浏览 0提问于2016-03-13得票数 0
我有一个名为optionData的json对象，如下所示
{
"1": "प्रदेश १",
"2": "प्रदेश २",
"3": "प्रदेश ३",
"4": "प्रदेश ४",
"5": "प्रदेश ५",
"6": "प्रदेश ६",
"7": "प्रदेश ७ "
}
我想在select的ng-options中实现这个json
浏览 8提问于2018-08-27得票数 1
回答已采纳
所以我想我要做的事情很简单。不过，我对ng-options还是很新的。我一直在使用ng-重复，在黑暗中关于ng-options，但我相当肯定，ng-options会更好地完成我的任务。
我要做的是根据第一个ng-options中的内容选择，确定用户在第二个ng-options中看到了什么。
这里是我的HTML，我尽我最大的努力去做我想要做的事情：
<div class="formRow">
<select name="Client" ng-model="selectedClient" ng-options="x.
浏览 4提问于2016-08-26得票数 0
回答已采纳
1回答
我希望传递指令中的大多数属性，如下所示：
<my-directive name='test' type='select' ng-required ng-options="v for (k,v) in types" />
其中，名称和类型是特定于指令的，其他所有内容都传递给指令模板：
<div class='parent'><input name="hello" ng-transclude /></div> -应该为输入提供ng-required和ng-o
浏览 1提问于2014-05-27得票数 0
1回答
我正在使用angular chosen，它被命名为localytics.directives模块，我想在这个select输入中设置一个key up事件，我如何才能获得这个值?谢谢！
<select chosen
ng-change="vm.fixItem(matchedLevel,unresolved)"
disable-search="false"
ng-model="matchedLevel"
浏览 1提问于2015-09-10得票数 0
3回答
如何对我的指令进行单元测试？
我所拥有的是
angular.module('MyModule').
directive('range', function() {
return {
restrict: 'E',
replace: true,
scope: {
bindLow: '=',
bindHigh: '=',
min:
浏览 0提问于2013-03-26得票数 6
回答已采纳
2回答
如何切换单选按钮，例如单击每个按钮时，应该启用相应的元素，例如元素，反之亦然。我试过的代码：
CheckBox 1：<input type="radio" name="somethign" value="1" ng-model="checkboxSelection" ng-click="disable1='true';disable2='false'"/>
<select ng-model="something" ng-options="r.
浏览 5提问于2015-02-16得票数 0
回答已采纳
我希望一个下拉列表中的项目的活动状态取决于第二个模型中的属性：
angular.module('mainApp')
.controller('MainCtrl', function($scope) {
$scope.departments = [
{id:0, name: 'Dry Goods'},
{id: 1, name:'Frozen Food'},
{id: 2, name:'Electronics'}
];
$scope.categories = [
{id
浏览 4提问于2014-10-01得票数 0
回答已采纳
我正在使用AngularJS，并且有一个带有四个单选按钮的表单。每个单选按钮都有下拉列表，如果选择了该单选按钮，则需要更新这些下拉列表。我已经尝试添加了ng-required="radioButton selected。如果未根据当前单选按钮选择来选择下拉列表，则我要禁用提交按钮。
<body ng-controller="MainCtrl">
<form name="schedulingForm" novalidate="">
<div class="onePaddingBott
浏览 2提问于2015-07-02得票数 0
我有一个用select创建的列表框，使用AngularJS ng-repeat。列表框已正确创建，当我选择其中一项并单击我的按钮时，我将进入函数并获得所需的信息。
我的html代码如下：
<select size="6" ng-model="item" ng-options="s.name for s in itemlist"></select>
<button class="btn tt-btn-blue" ng-model="singleModel" ng-click="o
浏览 0提问于2013-03-19得票数 47
回答已采纳
有人知道为什么在AngularJS中，如果没有ng-model，select选择器就不能工作吗
<select ng-model="bla_bla" ng-options="obj.value as obj.key for obj in languages"/>
<select ng-options="obj.value as obj.key for obj in languages"/>
上面的第一行代码可以工作，而第二行代码不能工作。为什么？
谢谢!
浏览 0提问于2013-05-20得票数 10
回答已采纳
我有一个数组things，其中包含不同的对象，例如两个不同的对象：
{name: 'book',
value: '5',
color: 'blue'}
和
{name:'pen',
length: '10'}
现在我想用ng-options在液滴中展示所有这些东西。所以我可以：
ng-options="(thing.name + ', ' + thing.value + ', ' + thing.color)" for thing in things"
浏览 1提问于2015-07-07得票数 0
回答已采纳
<div class=" header-search pull-right">
<section style="margin-top: 15px" class="col col-6">
<label class="select">
<select style="width: 300px" ng-change="seletedCompanyChanged()"
浏览 6提问于2015-12-16得票数 0
查看ui引导分页的模板，我不理解ngDisabled在ng-class中的使用。我正在寻求一些帮助来理解这一点。
我查看了'PaginationController'和ngDisabled不是scope属性，它引用了禁用ng的指令吗？
<ul class="pagination">
<li ng-if="::boundaryLinks" ng-class="{disabled: noPrevious()||ngDisabled}" class="pagination-first">&l
浏览 4提问于2015-09-22得票数 1
回答已采纳
3回答
标记
<div ng-app>
<div ng-controller="myCtrl">
<select ng-options="i for i in [1,2,3]"></select>
</div>
</div>
使用此标记，options不会在select中填充。当我提供ng-model和ng-options时，它就像预期的那样工作。
为什么ng-model是ng-options填充选项的必要条件？
浏览 0提问于2015-03-28得票数 4
我正在做的事情的简短版本：
我正在从服务器获得一些JSON，以尝试重新创建表单的状态。除了一个使用函数来获得其显示的选择框外，所有内容都会很好地加载。我怎样才能做到这一点？
较长版本
我有一个选择框，如下所示：
<select name="size" ng-model="form.options.size" ng-options="form.displaySize(size) for size in form.sizes">
<option disabled value="">-- choose d
浏览 3提问于2015-01-20得票数 0
回答已采纳
我有以下穿梭盒子指令：
<shuttle-boxes ng-options="item for item in itemList" ng-model="myModel" />
我的模板如下所示：
template: '<div class="shuttle-boxes">' +
'<select multiple="multiple" class="shuttle-boxes-left"></select>' +
浏览 0提问于2013-01-29得票数 6
回答已采纳
我有一个用ng-repeat呈现行的表。在其中一个单元格中有一个用ng-options呈现的select。
<tr ng-repeat="item in data.items" repeat-done>
<td >
...
<select class="selectpicker"
ng-model="person" ng-options="person.Surname for person in data.Persons track by person.Id">
浏览 1提问于2014-09-03得票数 0
1回答
动态AngularJS指令
、、、、
我正在尝试在我的应用程序中的ng-options元素中动态插入一个<select>指令，这些元素都有自己的类名和其他指令(比如ng-if等等)。
<div ng-app="app" ng-controller="ctrl">
<select ng-model="model" class="myClass" ng-if="condition || true" my-directive>
</select>
<pre>{{ model | json
浏览 2提问于2015-12-08得票数 1
1回答
我有以下表单，并试图验证以下表单状态：
themeName必须是必需的，并且应该有min。4个字符。themeLangFrom所选值不能与themeLangTo相同(反之亦然)。
我想在每个无效字段下显示span错误消息。
我试图这样做，但我不能用选择的输入来解决它。
有人能告诉我怎么用正确的方式做吗？
表单代码：
<ul class="nav nav-pills pull-right">
<li><a href="" ng-click="showModalNewTheme()">Close form&
浏览 1提问于2014-10-19得票数 0
3回答
当我想要有一个显示事物列表的指令时，我总是碰到angular，但我希望它足够通用，可以处理多种类型/形状的对象。举个简单的例子，假设我有
<select ng-options="person.id by person in people" ng-model="selectPerson">
<option>
{{person.name}}
</option>
</select>
(请记住，这只是一个简单的示例，这么简单的东西可能不会从指令中受益)
现在，我想将它转换为一个名为cool-select的
浏览 1提问于2015-01-30得票数 3
回答已采纳
当我想在UI-bootstrap中使用带有"tab“的选择部分时，我遇到了问题。视图部分：
請選擇全國稅基佔市價比例
<select class="btn btn-default" ng-model="selectTaxPercentTaipei"
ng-options="taxPercent.option for taxPercent in taxPercents">
<option value="">請選擇稅基佔市價比例</option>
浏览 2提问于2014-08-09得票数 0
我正在使用这个jquery插件selectric，并试图将它与我的角度下拉连接起来。
如果我的html下拉列表中有硬编码的选项，而我只是这样做的话，它就能正常工作。
$('select, .select').selectric();
但是如果我像这样动态地加载下拉数据
<select class="form-control" ng-model="myAddress" ng-options="address.addressLines for address in search.result.addresses" siz
浏览 1提问于2014-12-11得票数 1
回答已采纳
4回答
如何呈现以下选项列表的值？
$scope.limits = [ {value: '5', text: 'Afficher 5 par page'},
{value: '10', text: 'Afficher 10 par page'},
{value: '15', text: 'Afficher 15 par page'},
{value: '20', text: '
浏览 2提问于2013-01-20得票数 13
回答已采纳
11回答
有没有可能使用ng-options，它将根据条件呈现为禁用的行？
这一点：
<select ng-options="c.name group by c.shade for c in colors">
也许可以变成这样的东西：
<select ng-options="c.name group by c.shade for c in colors | disabled(c.shade)">
假设通过一个过滤器，它可以为所有shade =“disabled='disabled'”的颜色返回shade
<select&g
浏览 4提问于2013-04-25得票数 59
回答已采纳
2回答
如何在单击按钮时重置下拉菜单？
<select class="form-control" ng-model="Software" ng-options="o as o for o in Softwares" id="softId" onChange="onSelectFilter()">
<option value=''>--- Software ---</option>
</select>
<button id="resetDd
浏览 0提问于2016-02-16得票数 0
我有一个用于创建时区列表的select元素。简单的角度方法是：
<select ng-model="item.timezone" ng-options="timezone for timezone in timezones"></select>
然后确保控制器将$scope.timezones设置为时区字符串数组。
这个选择出现在很多地方，我不希望每个控制器都要加载它。所以我转到一个指令：
<select ng-model="item.timezone" timezones="true"><
浏览 2提问于2014-09-16得票数 2
1回答
假设我在控制器中定义了2个作用域，如下所示
$scope.first = {a,b,c}
$scope.second = {d,e,f}
我想在html选择列表中使用它们，但问题是我不能直接调用它们，因为它们是在迭代中打印的。
即使"attrName“在迭代中变成了"first”和"second“，代码在下面的例子中也不起作用。如何调用这些作用域？提前谢谢。
.control-group ng-repeat="(attrName, attrType) in attributes"
.controls ng-switch="" on=&
浏览 0提问于2014-04-22得票数 1
2回答
我的应用程序中有几项依赖于其他项。
嵌套选择示例：
<!-- optionsa is built from ajax -->
<select ng-model="current_optiona" ng-options="a as a.name for a in optionsa"></select>
<!-- optionsb is built when current_optiona change -->
<select ng-model="current_optionb" ng-optio
浏览 1提问于2013-09-23得票数 0
回答已采纳
我有一个选项的选择。我想初始化与登录的用户ng-init="own = credentials.user_id"有关的select值。
当user_id等于select中的值时，它就能工作。但是，当它不等于时，所选的值是"?"。所以没有错误，而它应该是错误的。
我不想选择这个"?"并使表单失效。
你有解决办法吗？
<div ng-class="{ 'error-select': myForm.lead.$error.required == true }"><span>Leader</s
浏览 2提问于2014-05-23得票数 1
回答已采纳
给定一个select元素，我可以向其中添加一个指令：
<select ng-options="..." mydirective></select>
如何在指令中将ng-options作为对象/数组进行访问？我想通过读取select并隐藏/替换它来做一个下拉式选择。
浏览 0提问于2014-02-03得票数 0
我的问题类似于下面的一篇文章：
我希望能够使用CSS自定义我的select中的特定选项。如果我继续使用所使用的示例，就会有这样的一组人：
var persons = [
{Name:'John',Eligible:true},
{Name:'Mark',Eligible:true},
{Name:'Sam',Eligible:false},
{Name:'Edward',Eligible:false},
{Name:'Michael',Eligible:true}
];
现在，我希望能够编写一些代码，如下所示，以不
浏览 1提问于2016-01-18得票数 2
我尝试在使用ngOptions的选择字段上使用AngularJS在ngModel指令的链接回调期间运行一些代码。
module.directive("ngModel",function(){
console.log('ng-model called');
return {
restrict: 'A',
priority: -1, // give it lower priority than built-in ng-model
link: function(scope, element, attr
浏览 0提问于2015-04-15得票数 0
我正面临这个问题，试图动态加载数据(即ng-options)，以便在ng-click上下载。
所以，基本上，当页面加载时，我有了页面加载上可用的ng-model，并将它添加到<select>中的ng-options中，这是页面加载时唯一可用的ng-option。然后，在<select ng-click="updateNgOptions()"上，我必须进行api调用并重新填充ng-options。
我的问题是，当重新填充ng-options时，<select>的高度不会增加。我必须单击“退出<select>”，再单击“<select
浏览 6提问于2016-01-03得票数 2
我一直在尝试为angularJS设置默认的预选选项，但由于某些原因，我做不到。
以下是相关代码：
<select
ng-model="selectedOption"
ng-options="option.value as option.name for option in options">
</select>
我尝试过ng-init和许多不同的方法；我想不出如何使最高选项成为预选的选项。
浏览 7提问于2016-11-03得票数 2
回答已采纳
我使用select和ng-options在我的应用程序中显示一个组合框。
我想使用rest调用延迟加载前面提到的select的内容。因此，我使用ng-click在ng-click被触发时调用一个方法。
问题是，即使在组合框上单击或在组合框中有任何选择，rest调用也会被触发。
当显示组合框下拉菜单时，我如何绑定事件。
下面是我所做的代码片段。
<select ng-model="selected" ng-options="item.ID for item in beanPropertyComboItems" ng-change="onDropdow
浏览 0提问于2015-04-08得票数 0
2回答
我对ng-options有个问题。我无法摆脱在我的ng-options中的多选择的空白选项。
我尝试过这个，但这只适用于单个选择。是否有多个选择的解决方案。
<select ng-model="feed.config" ng-options="item.name for item in configs" multiple>
<!-- <option value="" ng-if="false"></option> works only for single sele
浏览 1提问于2017-12-11得票数 1
回答已采纳
3回答
选择第一个选项时使选择无效
、、、、
我将通过第一个值验证选择框(ngOption) (如果选择了第一个值-如果不是真，则为假)，并且我不想在选择框中使用预定义的值，如下所示：
<select id="mainVideo" class="form-control"
ng-model="qtTestData.mainVideo"
ng-options="mainVideo for mainVideo in mainVideoSources"
name="mainVideo"
required>
浏览 0提问于2014-12-17得票数 0
1回答
我想根据输入中的元素数来禁用输入(例如。在只有一个元素的情况下禁用。现在我的眼睛在看指令。我使用指令的原因是ng选项经常变得非常复杂，因此将它们复制/粘贴到禁用ng的环境中会很烦人。
我的问题是，我无法听到选择中的选项数量(或者至少我还没有找到一种方法)。也就是说，我的想法是在链接函数中这样做。基本选择(自动禁用是我的指令)：
<select name="field1" ng-model="data.field1" ng-options="i.value as i.text for i in values" auto-disable >
浏览 4提问于2015-06-23得票数 1
回答已采纳
用例：
我有一个网页表单，一个用户可以选择一个类别，并在选定的一个<select>与适当的子类别将显示。
现在，我在每种情况下都使用ng-if指令，这样标记块将只在另一个变量之后呈现。
这是我的标记：
<select class="form-control" ng-if="products.newProduct.category=='PTR'" ng-model="products.newProduct.data.subcategory" ng-options="type for type in
浏览 2提问于2014-05-29得票数 1
回答已采纳
我有一个Person对象数组
var persons = [
{Name:'John',Eligible:true},
{Name:'Mark',Eligible:true},
{Name:'Sam',Eligible:false},
{Name:'Edward',Eligible:false},
{Name:'Michael',Eligible:true}
];
我使用select和ng选项，如下所示：
<select ng-model="Blah" ng-options="pers
浏览 1提问于2013-03-07得票数 41
回答已采纳
<select ng-model="item.value" ng-options="item.name for item in items">
</select>
上面的选项将填充AngularJS中的select选项，但如果满足条件，如何添加selected？
我想做这样的事：
<select ng-model="item.value" ng-options="item.name for item in items" if="item.name == someValueToCheckAgai
浏览 14提问于2014-04-26得票数 4
回答已采纳
我想创建一个具有下拉模板的指令。我尝试将ng-options的值作为指令的一个参数，但是dropdown只包含默认值。
这是一个提琴和我在这篇文章中的代码：
var app = angular.module('app', []);
function Ctrl($scope){
$scope.countries = [
algeria={name:'ALGERIA', phoneCode:'213'},
andorra={name:'ANDORRA', phoneCode:'
浏览 0提问于2013-05-02得票数 1
2回答
伙计们，在我使用了角指令ng-之后，我得到了这个结果。
<select name="users" id="users" ng-options="user.id as user.name for user in users" ng-model="user">
<option value="number:1" label="Developers">Ahmed</option>
<option value="number:2" la
浏览 1提问于2015-08-16得票数 6
3回答
我有两个web应用程序: web应用程序( web -app)和报表web应用程序。我想在<iframe>的web应用程序中嵌入报表网络。因此，浏览器拒绝了它的错误：
X帧选项:拒绝
有什么帮助吗？
浏览 5提问于2015-01-21得票数 14
我有多个选择标签，在每个选项中使用ng选项。它们都是从相同的项目数组中显示的。但是，当我选择一个项时，所有的select都会更新到该项。有什么办法可以防止这种情况发生吗？
<select ng-model="selectedClass" ng-options="className as className for className in classes track">
<option value="" disabled selected>Select Class</option>
</s
浏览 0提问于2017-09-21得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
