ng-selected无效，但将选项修改为selected="selected"，使用ng-repeat
ng-selected是AngularJS中的一个指令，用于设置下拉列表中的选中项。当使用ng-selected时，需要将选项的值与ng-model指令绑定的变量进行比较，如果相等则该选项被选中。
然而，有时候ng-selected可能会无效，这可能是由于以下几个原因导致的：
- 数据类型不匹配：ng-selected比较的是值的严格相等性，如果ng-model绑定的变量的数据类型与选项的值的数据类型不匹配，ng-selected可能会无效。在比较之前，确保数据类型一致。
- 异步加载数据：如果下拉列表的选项是通过异步加载数据获取的，可能会导致ng-selected无效。在数据加载完成后，需要手动更新ng-model绑定的变量的值，以确保选中项正确显示。
- 选项值改变：如果选项的值在ng-selected指令执行之后发生了改变，ng-selected也可能会无效。在选项值改变后，需要手动更新ng-model绑定的变量的值，以确保选中项正确显示。
对于将选项修改为selected="selected"，使用ng-repeat的情况，可以考虑以下几点：
- ng-repeat是AngularJS中的一个指令，用于循环生成HTML元素。通过ng-repeat可以根据数据集合动态生成多个选项。
- 当使用ng-repeat生成选项时，可以通过设置selected属性为"selected"来指定默认选中项。这种方式相对于ng-selected更加直观和简洁。
- 使用ng-repeat生成选项时，需要确保ng-model绑定的变量与选项的值相匹配，以便正确设置默认选中项。
- 在使用ng-repeat生成选项时，可以结合其他AngularJS指令和过滤器来实现更复杂的逻辑，例如根据条件动态生成选项、对选项进行排序等。
对于ng-selected无效的情况，可以尝试使用selected="selected"来设置默认选中项，以解决问题。同时，建议在使用ng-repeat生成选项时，仔细检查数据类型、异步加载数据和选项值的改变等因素，确保ng-selected能够正常工作。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云人工智能：https://cloud.tencent.com/product/ai
- 物联网通信（IoT）：https://cloud.tencent.com/product/iot
- 移动推送（信鸽）：https://cloud.tencent.com/product/tpns
- 区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙：https://cloud.tencent.com/product/uc
相关·内容
3回答
ng-selected无效，但将选项修改为selected="selected"，使用ng-repeat
node.js、angularjs、mongoose
在html中检查，我看到其中一个<option>的值更改为：selected="selected"，但在select中它并没有真正被选中。placeholder-text-single="'Select one'" required > <option ng-repeat='i in st
浏览 72提问于2019-05-03得票数 0
1回答
如何阻止select在页面上发生任何事件后丢失它的选定值？
angularjs、select、angularjs-ng-repeat、ng-options、angularjs-ng-init
<div Ng-repeat="(key, value) in Array | groupBy: 'FieldA'"> <select Ng-model="v.Selected"
Ng-init="v.Selected = ( Items | where
浏览 1提问于2016-08-17得票数 0
2回答
为什么Angular在默认情况下没有选择正确的选择选项？
angularjs
-- end ngRepeat: nonemployee in data.nonemployees -->因此，在上面的示例中，第三个选项的值为"ng-selected == true“，因此我们的ng-selected表达式可以正常工作。我们将ng模型绑定到控制器中的"data.nonEmployeeCase.nonEmployeeId“。如果我更改select选项，它会更新模型值。太棒了。但事实并非如此。它
浏览 4提问于2017-04-26得票数 0
2回答
设置通过纳克重复生成的选择列表的初始值(角)
angularjs、angularjs-directive
我正在使用ng-重复从一个关联数组创建一个选择列表，列表的ng-模型绑定到一个范围变量，该变量具有生成的选项的初始value.The值是数组的关键。如果我将一个函数附加到一个更新变量的按钮上，它将正确地显示在列表中。 <h1 align='center'> <select ng-model='value' &g
浏览 2提问于2015-07-27得票数 0
回答已采纳
1回答
angularjs引导，预置多个selex盒
angularjs、twitter-bootstrap、select
<option ng-click="countryChanged(country)"
ng-model="selectedCountries" ng-repeat
浏览 4提问于2014-09-16得票数 0
回答已采纳
1回答
Angularjs在html select中包含一个空选项，在Angularjs 1.1.5中使用ng-repeat - Umbraco后端
javascript、html、angularjs、umbraco
正如标题所说，当我使用ng-repeat而不是ng-options时，我的HTML语言中出现了一个空选项。我使用ng-repeat而不是ng-options的原因是能够根据每个选项的值为其设置一个类。我尝试使用带有ng-options的指令，但没有达到预期效果。问题不在于没有设置默认的选定值，正如您在生成的HTML中所看到的那样。我怀疑空选项来自select ng-model，但我不确定。-- ngRepeat: product in
浏览 0提问于2016-02-25得票数 0
4回答
如何将默认角度选择选项设置为最后一个选项？
angularjs
我正在尝试将默认选项设置为选择框中的最后一个选项。如果我在ng-init中硬编码长度，它就可以工作。ng-init="mySelect = 3"，但不使用ng-init="mySelect = myData.length-1"
你知道如何将其设置为最后一个选项吗？<select class="form-control" ng-init="mySelect = myData.length-1" ng-model="
浏览 0提问于2015-09-14得票数 5
2回答
在AngularJS中使用ng-选项、ng-重复和ng-选择初始化select
angularjs、angularjs-ng-repeat、ng-repeat、ng-options
我试图获得一个选择开始使用AngularJS预选的一个选项，我只有一个问题当我提交表单与预选的选项什么都不会发生，我有POST 400 (糟糕的请求)，问题消失当我手动选择选项和表单提交成功。="level in levels" ng-selected="{{level.name =='Low'}}" value="{{level.name}}">Level : {{level.name}}-- ngRepeat: le
浏览 4提问于2015-09-09得票数 1
回答已采纳
1回答
获取所选选项值angular js模型
angularjs
我无法将选定的值返回到模型，但可以将模型值绑定为选择控件中的选定项。-- ngRepeat: item in costTypes --><option ng-selected="BI.DefaultCostType == item.ID" ng-repeat="item-- end ngRepeat: item in costTypes --><option ng-selected="BI.DefaultCostType == item.ID
浏览 3提问于2017-06-26得票数 0
2回答
如何在angularjs中设置ng-select值？
html、angularjs
我在我的项目中使用了以下代码。我在angular js项目中有一个select元素。对于选项，我使用ng-repeat传递json值。但是对于ng-selected，我希望显示JSON first值。 <select select2 id="environment" name="authorization" n
浏览 3提问于2020-06-06得票数 2
2回答
角总是在选择元素中选择第一个选项。
javascript、angularjs
这是我的选择(我不使用ng选项功能，因为我需要禁用选项，我使用的是角1.3.x，disable by特性在1.4AFAIK中) ng-model="user.deliveryTime" ng-class="{'selected' : user.del
浏览 3提问于2015-03-22得票数 1
回答已采纳
4回答
选中框中的ng-模型不能正常工作。
javascript、angularjs、angular-ngmodel
我使用角度js绘制选择框。<select ng-model="selected"> </select>在这里，没有根据值selected初始
浏览 2提问于2015-02-13得票数 3
回答已采纳
2回答
如何将ng-重复转换为ng-选项？
angularjs、ng-options
我不知道ng模型是如何连接到ng-重复选项的。如何将下面的代码转换为ng-重复？我可以做重复的工作但是
<option ng-selected="{{alternative.code == question.answer}}"n
浏览 3提问于2014-12-04得票数 0
回答已采纳
1回答
在下拉列表中显示所选选项，选择组在页面加载中，AngularJS不起作用
javascript、angularjs、drop-down-menu、angularjs-ng-repeat、optgroup
当我试图显示默认的选择值时，它不会出现，也就是说，该选项不会在下拉列表中被选中。header.groupName, item.name)">{{ item.name}} </optgroup>
有什么方法可以做到这一点，因为我已经对此进行了大量的研究，但解决方案是ng-选项，我不能使用ng选项创建下拉，因为残疾的功能。我使用的AngularJS版本是1
浏览 0提问于2018-11-13得票数 0
1回答
ng内部选择的ng-重复不工作(AngularJS)
angularjs、comparison、angularjs-ng-repeat、html-select
我试图对值进行比较，以“检查”<select>标记中的一个<select>标记，但找不到解决方案.
*这是一个管理页，因此我已经有了{x.nivel}}值。我只需要根据ng-repeat中的每个"inscritos“将其标记为"selected”。<option ng-selected="(this.value)=={{x.nivel}}" value="Iniciante">Iniciante</option&
浏览 2提问于2018-03-18得票数 0
回答已采纳
2回答
将数据库的默认选项加载到所选选项中
javascript、angularjs
= $scope.Catalogos[0]; $scope.filtro($scope.selected); errorCatalogo);正如您所看到的，我选择了第一个选项作为默认的$scope.selected= $scope.Catalogos[0];，问题是我不希望这个选项被选中，我希望被选择数据库的值，因为我正在使用</e
浏览 1提问于2017-07-18得票数 0
1回答
使用Angular JS在不同的年、月和日选择框中的日期选择器
angularjs、html、date
我想知道如何使用ng-repeat将80岁的年份添加到选择框中。我已经做了几个月和几天的循环，这些都工作得很好。我想知道如何根据上面的恢复来做几年。disabled ng-selected="true">Days</option>
<option ng-repeat="n in [] | range:1:31" value="{{n}}">{{nng-selected="true
浏览 0提问于2017-01-16得票数 0
1回答
Angular指令ng-selected不更新模型
angularjs
当在选项上使用angular指令ng-selected时，绑定的模型不会更新，直到您手动更改选择。这是设计好的吗？ng-app ng-init="colors=['red', 'yellow', 'blue']"> <option ng-repeat="color in colors" value="{{colo
浏览 0提问于2013-01-16得票数 3
回答已采纳
1回答
对每个ng-重复元素应用自定义ng-attr。
javascript、angularjs
<div ng-repeat="item in items"></div>
因此，我希望每个按钮元素都有一个属性selected="selected"，但事实并
浏览 0提问于2014-11-28得票数 0
回答已采纳
1回答
在选择下拉列表中使用选项id而不是选项值更新数据模型
html、angularjs、angular-ngmodel
我有一个json值，我将基于它填充我的html。我需要使用两个选项填充select下拉列表，并根据json中提到的标志使一个自动选择。="data in alertdata"><select ng-model="data.Action">
<option ng-selected="data.Action == '1' " id=&qu
浏览 0提问于2016-10-13得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
