angular js中angular select选项的条件？
在AngularJS中，可以使用ng-options指令来创建一个select元素，并设置选项的条件。
ng-options指令的语法如下： ng-options="expression for item in array"
其中，expression是一个表达式，用于设置选项的显示文本，item是一个数组中的元素，array是一个包含选项的数组。
下面是一个示例代码，演示如何使用ng-options来设置select选项的条件：
<select ng-model="selectedItem" ng-options="item.name for item in items">
<option value="">请选择</option>
</select>在上述代码中，ng-model指令用于绑定选中的选项，ng-options指令用于设置选项的条件。items是一个包含选项的数组，每个选项都有一个name属性，用于显示文本。
如果需要根据条件过滤选项，可以在ng-options中使用过滤器。例如，如果只想显示年龄大于18岁的选项，可以使用以下代码：
<select ng-model="selectedItem" ng-options="item.name for item in items | filter:{age: '>18'}">
<option value="">请选择</option>
</select>在上述代码中，filter:{age: '>18'}表示只显示年龄大于18岁的选项。
关于AngularJS的更多信息和使用方法，可以参考腾讯云的AngularJS产品文档： AngularJS产品介绍
相关·内容
4回答
如果在AngularJS中满足条件，则为“选择选项”菜单选中
angularjs
<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
回答已采纳
3回答
预先选择dropdown AngularJS中的唯一项
javascript、angularjs
我正在尝试为Select dropdown创建一个属性指令(因为我需要在项目中的多个位置使用此逻辑)，如果items数组只有一个元素，它会自动选择唯一的项。我有下面的HTML语言，它有一个名为smart-select-dropdown的属性指令
<select class="form-control" ng-model="selectedItem" smart-select-dropdown
ng-options="item as item.name for item in items | filter: {someFilter
浏览 4提问于2018-04-06得票数 1
4回答
如何在ng选项中的第一个位置添加选项
angularjs、angular-ngmodel、ng-options、angularjs-ng-options、angularjs-select
我在我的页面中使用ng-option元素。
在这里，它在模板中的外观：
<select ng-model="selectedItem" ng-options="item.name for item in items track by item.id"></select>
在主计长：
$scope.selectedItem = {};
$scope.items = [{name: 'one', id: 30 },{ name: 'two', id: 27 },{ name: 'threex
浏览 1提问于2016-10-20得票数 0
回答已采纳
4回答
AngularJS下拉列表未显示选定值
javascript、arrays、json、angularjs、ng-options
我面临的问题是在角下拉显示选定的值。当我像这样奉献的时候，它会起作用。
$scope.selectedItem = $scope.items[1];
不起作用，如果我直接给出那个价值
$scope.selectedItem = { name: 'two', age: 27 };
<html ng-app="app">
<body>
<div ng-controller="Test">
<select ng-model="selectedItem" ng-optio
浏览 7提问于2015-04-02得票数 10
回答已采纳
2回答
为什么ng-model不更新控制器值选择？
javascript、html、angularjs、ng-options、angularjs-ng-model
这是代码HTML：
<div ng-controller="SelectCtrl">
<p>selected item is : {{selectedItem}}</p>
<p> age of selected item is : {{selectedItem.age}} </p>
<select ng-model="selectedItem" ng-options="item.name for item in items">
</sel
浏览 0提问于2015-08-17得票数 6
回答已采纳
3回答
用于选择框的角不变数组
javascript、html、angularjs、arrays
我的要求是拥有多个具有相同下拉(ng-选项)数组的选择框，但是如果我在一个选择框中选择了一个值，则应该从另一个复选框中删除它。
在on事件中，我尝试使用一个新数组，不包括首先为该数组选择的项。但是它会从两个选择框中被删除。就像不可变的DS一样，DS总是返回原始的变异克隆。
需要建议是否有可能达到这一目的，还是有一个解决办法。
var app = angular.module('plunker', []);
app.controller('MainCtrl', function($scope) {
$scope.items = [];
$sco
浏览 0提问于2017-02-24得票数 2
回答已采纳
3回答
AngularJS:在使用基于选择的筛选器之后，如果仅限于单个属性，则不会清楚。
javascript、angularjs
当仅限于一个属性时，我不知道如何清除基于选择的过滤器。以下是数据：
$scope.items = [
{'name': 'Adam', 'fruit': 'apple'},
{'name': 'Shelley', 'fruit': 'apple'},
{'name': 'Barbara', 'fruit': 'plum'},
{'name': '
浏览 7提问于2013-09-02得票数 3
回答已采纳
1回答
显示具有ng选项的对象的一个属性并选择(非数组)
angularjs
我只想展示我的item.name从我的对象，我不知道如何做。
这是我的钢笔，现在显示的是“名称”和“年龄”属性。
<body>
<div ng-controller="Test">
<select ng-model="selectedItem" ng-options="k.name as v for (k,v) in items">
</select>
</div>
</body>
浏览 3提问于2016-12-21得票数 0
2回答
我无法在角度选择中显示该值
javascript、angularjs
这是代码HTML：
<div ng-controller="SelectCtrl">
<p>selected item is : {{selectedItem}}</p>
<p> age of selected item is : {{selectedItem.age}} </p>
<select ng-model="selectedItem" ng-options="item.name for item in items"&
浏览 0提问于2015-08-16得票数 1
3回答
当过滤器应用于特定的angularJS字段时，如何使用特定的select选项清除JSON表达式中的过滤器？
angularjs、json
我正在尝试清除select中特定选项的过滤器。
我可以使用其他选项从JSON中所需的字段name中检索值。但是当我选择No Filter时，我希望它清除所有过滤器并显示整个JSON值。
以下是我的代码：
filter by anything:
<select ng-model="select2.name" ng-options="item.name as item.name for item in items
浏览 0提问于2016-11-11得票数 0
2回答
在清除数组后，未更新选项绑定变量。
javascript、angularjs、angularjs-ng-model、angularjs-ng-options
我使用一个数组来使用ng-options填充列表，并使用绑定到所选项的属性。清除数组后，绑定变量myObject.selectedItem保留最后选择的项的值。
HTML：
<select ng-model="myObject.selectedItem" ng-options="item.Id as item.Name for item in myArrayList | orderBy:'Id'" required>
<option value="">Select something</opt
浏览 3提问于2016-06-08得票数 1
回答已采纳
3回答
在html中获取ng-选项文本
html、angularjs、angularjs-ng-options
我的守则：
HTML：
<select ng-model="selectedItem" ng-options="item.result as item.name for item in items"></select>
联署材料：
$scope.items = [{'name': 'Yes', 'result': true },{ 'name': 'No', 'result': false }];
我希望在复选框中显示“是”和“否”，而当“是”
浏览 3提问于2017-01-12得票数 0
回答已采纳
1回答
AngularJS:为什么(显然)不需要为ng模型声明一个变量？
javascript、angularjs
有可能是其他人混淆了这个恐惧症，所以我在这里发布这个问题。
<select
ng-model="cont.selectedItem"
ng-options="item.name for item in cont.lists.items" >
</select>
//"cont" indicates the controller. $scope is not used here
<span ng-click="addNewItem()">add</span>
浏览 1提问于2016-08-11得票数 0
1回答
所选选项不显示Angularjs下拉列表。
angularjs、select
当我使用一个具有selectedOptions属性的对象时，它不会显示在下拉列表中。但是，当我输入范围并从对象中选择时，它就会显示出来。任何人都不知道为什么第一个不起作用。这是柱塞连接。
var app = angular.module('angularjs-starter', []);
var model = {
options : [
{ id: 1, name: 'foo' },
{ id: 2, name: 'bar' },
{ id: 3, name: 'blah' }],
s
浏览 3提问于2015-06-27得票数 0
2回答
用ng-href对下拉/选择重定向进行Angularjs错误验证
javascript、html、angularjs、validation、angularjs-ng-href
我目前使用angularjs的ng-href和带有ng-model的select html元素，其中我使用ng-href链接到"selectedItem“(来自ng-模型)。当不选择任何内容时，我无法验证或提供错误，并且想知道我将如何做到这一点。另外，我的ng-href工作，我认为它只是没有相同的功能在柱塞。
这是我的html代码：
<form name="linkForm" ng-controller="MainCtrl">
<select name="link" ng-model="selectedIt
浏览 4提问于2015-07-22得票数 1
回答已采纳
3回答
将数据传递给指令中的ng-repeat指令
javascript、angularjs、angularjs-ng-repeat、angular-directive
当我想要有一个显示事物列表的指令时，我总是碰到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
回答已采纳
3回答
在angularjs中添加新的输入
javascript、angularjs
如何使用angularjs添加新的多个输入？
我试过了，但不能用输入的ng-模型绑定ng-重复。我希望将selectedItems的ng-重复添加到<div class="item-text-wrap">中，但除非初始化它，否则它无法工作。
如果我单击“添加新产品”按钮，“新产品选择”字段和“新价格输入”字段将显示在图片中。
这是。
这是我的html
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<script data-r
浏览 8提问于2015-05-13得票数 3
回答已采纳
2回答
角型应用程序中下拉式xpath的查找
java、selenium、xpath、selenium-webdriver
下拉列表的HTML代码：
<div class="margin-bottom">
<select ng-class="{'invalid-select':(selectedItem == '-1' && submitted)}" class="select-lg select-custom ng-pristine ng-untouched ng-valid ng-not-empty ng-valid-required" name="items
浏览 1提问于2017-07-28得票数 0
回答已采纳
2回答
如何在角度JS中不使用<ng-options>向<select>添加过滤器？
javascript、angularjs、select、filter、ng-options
我有一个select语句
<select ng-model="selectedItem" ng-change="onChange()">
<option id="{{item.toLowerCase()}}" ng-repeat="item in someArray">{{item}}</option>
</select>
并希望在选项上应用筛选器，以在下拉列表中显示不同的值。有什么想法吗？
当使用ng选项时，很容易(见下文)，但现在我似乎无法让它工作。
&l
浏览 4提问于2017-05-15得票数 0
回答已采纳
2回答
如何在ng选项中引用筛选过的数组
angularjs
我希望能够在筛选器之后引用ng-options中的项目数。这个是可能的吗？
例如，这起作用是：
<select ng-model="selectedItem"
ng-options="_item.id as _item.name for _item in PageModel.objects"
ng-show="PageModel.objects.length>0">
<option value="">-- Select --</option>
</select
浏览 3提问于2015-02-11得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
