如何使用AngularJs过滤两个字段的相同select？
AngularJS是一种流行的前端开发框架，它提供了丰富的功能和工具来简化开发过程。在使用AngularJS过滤两个字段的相同select时，可以通过以下步骤实现：
- 首先，在HTML页面中定义两个select元素，分别对应两个字段。例如：
<select ng-model="field1" ng-options="item for item in field1Options"></select>
<select ng-model="field2" ng-options="item for item in field2Options"></select>- 在控制器中，定义两个字段的选项列表和一个过滤函数。例如：
$scope.field1Options = ['Option 1', 'Option 2', 'Option 3'];
$scope.field2Options = ['Option 1', 'Option 2', 'Option 3'];
$scope.filterOptions = function() {
// 过滤两个字段的相同选项
$scope.filteredOptions = $scope.field1Options.filter(function(option) {
return $scope.field2Options.indexOf(option) !== -1;
});
};- 在HTML页面中使用ng-change指令来调用过滤函数，并将过滤结果绑定到一个新的select元素中。例如：
<select ng-model="filteredOption" ng-options="item for item in filteredOptions"></select>- 最后，在页面加载时或在字段选项发生变化时，调用过滤函数以更新过滤结果。例如：
$scope.filterOptions();这样，当用户选择字段1和字段2的选项时，过滤函数将根据两个字段的选项列表，过滤出相同的选项，并在新的select元素中显示出来。
关于AngularJS的更多信息和详细用法，请参考腾讯云的AngularJS产品介绍页面：AngularJS产品介绍
相关·内容
我正在尝试建立一个用于过滤搜索的对象。用户可以向搜索添加多个筛选器，并且可以使用不同的值多次添加相同的筛选器。
系统会向用户显示一个用于添加过滤器的按钮。每个添加的过滤器都会显示一个从可用过滤器列表中填充的select。
目前，当我添加两个相同的过滤器(即两个“过滤器A”)时，它们都共享相同的基础值。当在选择框中选择了过滤器时，如何使用Angular断开与初始过滤器数组的链接？
HTML
<div ng-app="myApp">
<div ng-controller="MyCtrl">
<button data-ng-cl
浏览 1提问于2013-07-16得票数 4
回答已采纳
我的项目是Django/Python和AngularJS。我遇到过这样的问题:每当用户在输入字段中输入一个新值时，需要清除他在以前的输入下拉列表中选择的值(两个输入字段都在做相同的工作，比如如果用户在下拉列表中找不到值，他就手动添加该值，即。两个输入字段使用相同的ng-model)以显式方式(其中一个值需要添加到DB中)。有人能给我一个解决方案吗？目前，我在下拉列表中选择的内容都被复制到输入字段中。我对AngularJS非常陌生，如果这是一个愚蠢的问题，请原谅。以下是我的代码。提前谢谢。
<td>
<div class="
浏览 1提问于2015-11-02得票数 0
1回答
我有一个json，字段日期如下："DataIscr"："1969-6-17T00:00:00+01:00“，我为DataIscr：<label for="DataIscr">DataIscr:</label> <select style="width:200px" data-ng-options="Person.DataIscr as Person.DataIscr for Person in OutAnagrafica" id="DataIscr" data-ng-model
浏览 0提问于2015-01-13得票数 0
3回答
因此，我的网站上有一个使用JQuery滑块制作的“价格”字段。该字段由两个整数值组成: minPrice和maxPrice。
假设我有一个类似于这样的对象数组：
objarr=[
{
'name'='item1',
'price'=100
},
{
'name'='item2',
'price'=200
},...
]
下面的div与ng重复：
<div ng-repeat="obj in objarr">
{{obj.name}}: ${{o
浏览 4提问于2014-09-25得票数 3
回答已采纳
2回答
各位，
我对AngularJS的一项工作有一点阻碍。我想基于<select> <option>用两个不同的过滤器过滤一个句子
主题1：
<select size="2" multiple="multiple" ng-model="selectedValue">
<option value="value1">value1.1</option>
<option value="value1">value1.2</option&g
浏览 0提问于2015-08-13得票数 0
2回答
我试图弄清楚，如何更新角模板中的插值值--如果值本身没有变化。
我有这样的陈述(例如翻译)：
<div>{{ 'SOME_TAG' | lang }}</div>
这将启动一个过滤器。
app.filter('lang', function(Locale) {
return function(val) {
return Locale.translate(val);
}
});
Locale是一种具有字段lang的服务，具体取决于将值转换为不同语言的不同。当我改变这个字段的值时，翻译的值也会发生变化。
有点像
浏览 9提问于2015-09-21得票数 2
回答已采纳
2回答
我有一个表/模型'ABC‘，它有两个列字段'A’和'B‘。我想查询下表：
select A, B from ABC where B is not null;
我能做到
select A, B from ABC;
但我不知道如何引入空检查条件。我尝试过以下几种方法，但没有成功：
ABC.objects.values('A', 'B') # which is getting all the tuples including null valued 'B' column
ABC.objects.values('A
浏览 0提问于2015-05-06得票数 1
回答已采纳
2回答
基于ng-if条件显示输入字段
、、、、
我有两个单选按钮VAT & CST和一个输入字段。如果选择VAT，则输入字段应显示，如果选择输入字段，则应隐藏输入字段。如何在angularJS中实现。谢谢!
这是我的密码
<input type="radio" ng-model="vat" name="source" value="VAT"> VAT
<input type="radio" name="source" value="CST"> CST
<input type="num
浏览 1提问于2016-10-01得票数 0
回答已采纳
1回答
我想在两个值上搜索一个文本字段。我正在用视图过滤器Populare模块来做这个。这工作得很好。但是，如何在这一个文本字段上自动完成并显示所搜索的两个字段？
这就是我现在的看法：
📷
浏览 0提问于2014-06-01得票数 1
回答已采纳
绑定到模型的搜索字段
<input type="text" ng-model="searchVoucher" />
在ng-repeat中迭代的对象
<li ng-repeat="(k,f) in {'r':4,'e':5,'t':6,'y':7,'c':8} | filter:searchVoucher">{{f}}</li>
如何根据对象的键进行过滤，或者val或val也可以是具有属性的对象。
请帮帮忙
浏览 0提问于2013-04-05得票数 2
回答已采纳
我有一个来自卡夫卡的DataStream，它对MyModel中的一个字段有2个可能的值。MyModel是一个pojo，其域特定字段是从Kafka的消息中解析出来的。
DataStream<MyModel> stream = env.addSource(myKafkaConsumer);
我想分别在每个键a1和a2上应用窗口和操作符。分离他们的好方法是什么？我有两个选项过滤器和选择在脑海中，但不知道哪一个更快。
滤波方法
stream
.filter(<MyModel.a == a1>)
.keyBy()
.window()
浏览 0提问于2018-12-03得票数 9
回答已采纳
我是AngularJs的新手。我有一个元素列表，显示在侧边栏内的div标记中。该列表包含许多元素，我计划在两列中显示项目列表，而不是在单个div标记中。
在Angularjs中，我们如何将列表分成两部分，以便在两个div中显示列表？
<div class="row">
<div class="col-lg-6" >
<ul class="list-unstyled">
<li ng-repeat="tag in primTags"><a ng-
浏览 0提问于2014-03-30得票数 0
我有输入字段：
<input type="text" ng-model="in">
另请选择列表：
<select ng-model="sel"></select>
我如何在ng-repeat中使用两个过滤器，类似于：
ng-repeat="item in arr | filter:sel | filter:in"
表头我的选择列表：
<div ng-controller="TestController">
<select ng-controller=&#
浏览 0提问于2015-07-12得票数 4
回答已采纳
我有一个角形式，它成功地使用了角的内建验证。例如，以下列标记为例：
<form name="numberForm" novalidate>
<input type="text" required />
<button type="submit">Submit</button>
</form>
当浏览器加载时，输入字段呈现如下(删除不必要的属性)：
<input class="ng-pristine ng-invalid ng-invalid-required
浏览 0提问于2014-06-05得票数 7
回答已采纳
我是angular js的新手，所以请原谅我这个基本的问题。我有一个对象字面量的数组，我想根据特定的字段类型在angular js中添加过滤器。
对象文字数组：
var todos= [{text: 'To-DO1', done: false,group:'Group1' }, {text: 'To-do2', done: false, group:'Group2' } ];
我使用的是以下代码：
<select data-ng-model="selectOption" data-ng-options=&
浏览 6提问于2014-08-06得票数 0
<li>
<p>By Member Status</p>
<p><label><input type="checkbox" ng-model="filter['top']"> top</label></p>
<p><label><input type="checkbox" ng-model="filter['low']"> lo
浏览 0提问于2014-12-04得票数 0
我有一个重复的超文本标记语言代码，只做了很小的改动).This的超文本标记语言简单地将JSON对象显示在一个表格中，如下所示：
<thead>
<tr>
<th>Employee</th>
<th>Start date</th>
<th>End date</th>
<th>status</th>
<th>Select</th>
</tr>
</thead>
<tbody>
&l
浏览 0提问于2016-10-21得票数 0
2回答
我已经将一个对象数组加载到一个ng重复列表中。当用户单击“filter”按钮时，根据输入字段中输入的值对列表进行筛选。效果很好。但是，我也希望在输入旁边有一个select下拉列表来编辑输入过滤器的效果。
换句话说，过滤器处理输入字段中的值的方式应该根据它旁边的下拉列表中选择的选项而改变。
下面是代码：
HTML:
<div ng-app="programApp" ng-controller="programController">
<label>Name:
<select>
<option>
浏览 3提问于2015-05-07得票数 1
回答已采纳
我希望有一个公开的过滤器和两个区块显示不同的内容类型。他们都有“日期”字段，我想用一个日期暴露过滤器显示同一天的内容。
有人知道如何做到这一点吗？我必须创建一个或两个不同的视图吗？如何共享暴露的过滤器(如。field_content_type_1_date)是否具有另一种内容类型(其中有field_content_type_2_date字段)？
浏览 0提问于2014-12-09得票数 1
我的数据库中的表中有两个布尔型字段。
两者都缺省为FALSE
这就是我的观点
<%= label_tag(:post_draft, "Draft?") %>
<div class="ItemCheckboxAlign"><%= f.check_box :draft %></div>
如你所见，我让其中一个正常工作。是否可以关联另一个布尔值字段，这样如果选中，值也会更改为TRUE？我想让这两个布尔字段值完全分开，除非我想用这个复选框来更新这两个字段。
我的方案：
create_table "posts&#
浏览 1提问于2013-04-07得票数 0
回答已采纳
目前，我被困在一个选择输入字段上。在项目中使用了以下代码：
<select ng-init="crtController.order.orders[$index].quantity = 0" ng-model="crtController.order.orders[$index].quantity" ng-options="value for value in crtController.quantity.values track by value" ng-change="crtController.quantity.check()
浏览 4提问于2016-12-21得票数 2
回答已采纳
我是AngularJs的新手，在如何将控制器中的$scope绑定到具有空值的字段的二维json数组上遇到了麻烦，因为每当我试图绑定它时，控制台都会抛出一个错误，说"TypeError: Cannot read property 'valueOf‘of null“。
以下是我试图实现的目标：
$scope.posts = [
{title: 'post1', upvotes: null},
{title: null, upvotes: 4},
{title: null, upvotes: 8},
{title: 'p
浏览 2提问于2015-01-11得票数 0
1回答
我有以下几点-重复：
<td data-ng-repeat="scheduleAbsenceDayContainer in scheduleAbsenceMonthContainer.scheduleAbsenceDayContainers track by $index
scheduleAbsenceDayContainer可以包含一个scheduleIntervalContainers数组。
我现在的问题是，是否有可能使用一个特殊的scheduleIntervalContainers containerType值来过滤所有的containerType。我的过滤器名是
浏览 1提问于2016-03-24得票数 0
回答已采纳
3回答
我有3个输入字段，第一个字段为select类型，其余两个字段为text类型。现在，如果我从下拉列表中选择一个值，那么相应的值应该出现在剩下的两个输入字段中。如何在AngularJS中实现。谢谢!
例如，，，如果我从下拉列表中选择User1，那么对应的电子邮件和电话号码应该出现在相应的输入字段中。
注意:这些值是根据选定的选项从数据库中获取的
<select>
<option value="user1">User1</option>
<option value="user2">User2</op
浏览 2提问于2016-09-30得票数 0
我有下表：
TABLE1
| ID | NAME | TYPE | COLOR |
| 1 | APPLE | FRUIT | RED |
| 2 | BANANA | FRUIT | YELLOW |
| 3 | LEMON | FRUIT | YELLOW |
| 4 | TOMATO | VEGET | RED |
| 5 | PEPPER | VEGET | RED |
| 6 | PEAR | FRUIT | GREEN |
以及输入字段@TYPE和@COLOR。如果是@TYPE = '*'和@COLOR = '
浏览 0提问于2017-05-03得票数 0
我正在尝试实现一个自定义筛选器，它返回在两个日期范围内具有'completed_date‘的项。
然而，我发现我需要在我的过滤器中访问$scope，以便从日期选择器中获取两个“挑选”的日期。
我认为我不能使用ng-change函数，因为我有多个其他过滤器，因此需要确保它们都能协同工作。
<select ng-model="userSelect" ng-options="user.id as user.name in usersObj"></select>
<select ng-model="departmentSe
浏览 1提问于2016-03-22得票数 4
回答已采纳
2回答
我有一个jdbc输入，需要发送到两个不同的输出(http和influxdb)。我需要根据输出添加字段。我希望我可以在输出阶段使用add_field，但它只在输入和过滤阶段可用。有人能给出一个解决方案吗？Logstash 2.4
例如：
input {
jdbc {
statement => "select col1, col2..."
...
}
}
filter {
}
output {
http {
#need to add/remove field here for http output
}
i
浏览 0提问于2016-11-11得票数 0
我有一个Angular Bootstrap选择插件应用于我的select菜单，它将所选的菜单项呈现为以下内容：
<button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button">
<div class="filter-option pull-left">Item with a very long name</div> &
浏览 1提问于2014-08-27得票数 0
我正在使用的一个遗留数据库将查找值存储在分号分隔的列表中(在表中的单个字段/列中)-这作为ASP.NET的数据源工作得很好。但是对于迁移到AngularJS -我还没有找到截取该值并将其拆分为select元素中的单独选项的方法。
在select下拉列表中，它只显示(例如) "1 rep；2 reps；3 reps“等。
有没有人可以建议如何拆分这个值，以便选择选项垂直呈现-每个选项都在它自己的选项行中？
下面是select元素现在的样子：
<select
ng-model="exerciseVals[$index].reps1" ng-options="v
浏览 2提问于2014-11-06得票数 0
我有一个包含两个字段的表：a,b，这两个字段是单独索引的--没有复合索引。
尝试同时使用两个字段运行select查询时：
select * from table where a=<sth> and b=<sth>
它花了400毫秒。而
select * from table where a=<sth>
只用了30ms；
是否需要为(a,b)设置复合索引？
合理地说，如果我在a和b上都有索引，那么对于像上面这样的a AND b查询应该是很快的，对吧？
浏览 42提问于2017-07-12得票数 0
我的datatable使用的是yadcf 0.9.2版本。对于range_number列，我试图在一个输入字段中实现主要用于两个特性(multi_Select、range_number)的行过滤。multi_select可以工作，但range_number有两个字段，我想将其限制为一个输入字段。
是否可以在一个输入字段中指定范围格式，如图所示？这样，我就可以使用单个输入进行多值选择，也可以实现范围选择。
浏览 2提问于2018-03-29得票数 1
嗨，我有两个字段
<input
type="text"
ng-model="postFlightData.schedule_date"
ng-change="getFlightNo()"
>
这将填充此处的select选项
<select
ng-model="postFlightData.flight_number_id"
data-placeholder = "Select Flight No."
ng-d
浏览 0提问于2016-03-19得票数 0
1回答
我在试着建造一个定制的角度过滤器。在我的示例代码中，它过滤了一个名称列表。过滤是通过使用以下选项的select下拉列表来完成的：
Contains
Equals
Starts with
Ends with
Does not contain
还有一个文本字段。文本字段将根据前面下拉列表中的内容充当搜索字段。最后，当您单击“filter”按钮时，实际会发生过滤。因此，如果我在文本字段中输入'foo‘，然后在下拉列表中选择’ with‘，然后单击'filter'，列表应该只显示以'foo'.结尾的条目。
您可以看到一个代码依赖的。
这是我的HTML：
<
浏览 3提问于2015-05-07得票数 3
回答已采纳
我在图表中使用了AngularJS。
我必须创建两个图表，它们都使用相同的导航栏。
但是，我可以在屏幕上同时显示两个图表；只有<div ng-controller="first ">可以使用导航栏。我的第二个<div ng-controller="second">被覆盖了。
<div ng-controller="first">
<div ng-controller="second ">
这就是我如何在我的HTML上使用它，
如果我用<div ng-controller
浏览 1提问于2016-10-12得票数 0
我有一个下拉列表，有不同的选项(数字)。如果选择了数字，则应根据前面选择的数字显示文本字段的数量。
示例：
用户选择number =2应该有两个名为"name“的文本字段
<select name="singleSelect" id="singleSelect" ng-model="data.singleSelect">
<option value="0">---Please select---</option>
浏览 10提问于2016-09-15得票数 0
回答已采纳
2回答
我有两个问题。
1)如何使用angularjs翻译和ng-repeat？
我有一个Json文件，所有的文本都可以工作，但是ng-repeat不行。我在json中的片段：
"rules":{
"points":[
{"text":"1"},
{"text":"2"},
{"text":"3"}
]
}
我试着写这样的东西，但它不起作用：
<ul ng-repeat="rule in
浏览 0提问于2018-01-27得票数 0
我在安古拉杰是个新手，我今天才开始学习这个世界。我想我明白了，但我不明白下一个问题。
我有一个网站，其中包含许多选择输入字段。我将用两个选择字段来解释我的问题。
* HTML文件*
enter code here
<div id="FormContainer" ng-app="PermissionsApp">
<div class="permission_container" ng-controller="PermsCtrl">
浏览 1提问于2017-01-04得票数 0
回答已采纳
2回答
我是Solr主题的新手。我需要知道如何在solr中搜索记录，但要使用字段标题，其中以两个单词开头，然后是wilcard。例如，当我搜索SQL命令时，我可以放入like "Who is %“。
如何通过文本的第一部分和通配符进行搜索？
我测试了不同的东西，但都不起作用。这种方式不起作用: http//www.domain.com:8080/solr/select?q=title:"Who是*“
谢谢。
浏览 3提问于2013-08-16得票数 0
我有两个视图-块与自动完成过滤器，这两个过滤器是为标题字段。当视图放在同一个页面上时，自动完成筛选器不会显示任何结果。如何使他们之间不发生冲突？
我使用这个模块视图自动完成过滤器
浏览 0提问于2015-12-21得票数 0
回答已采纳
我在试着做一个FormFilter。 我的模型中包含以下内容： class TabelaPreco(models.Model):
[...]
class TabelaPrecoItem(models.Model):
[...]
preco = models.FloatField()
tabela_preco = models.ForeignKey('TabelaPreco', on_delete=models.CASCADE, related_name='itens') 。 我的FormFilter： class Tabela
浏览 25提问于2019-09-26得票数 0
我有两个查询，如下所示：
query1 = select department as 'Department_name', firstname as 'FirstName', lastname as 'LastName', manager as 'Manager',
title as 'Title', firstofficer as 'First_Officer', email as 'Email', resourceName as 'Resource Name',
浏览 1提问于2015-09-26得票数 0
下面是html中select-field的代码：
<ui-select ng-model="group.selected" theme="selectize" ng-click="searchDisabled(3)" ng-disabled="disabledGroup">
<ui-select-match placeholder="Choose a group">
{{$select.selected.name}}
</ui-select-match>
浏览 0提问于2015-07-02得票数 1
1回答
我有这两个查询，它们本来是我想在连接上执行的子查询，但我不确定如何正确地执行此操作。
我的小示例表如下所示
SupplierId|CompanyName|Country
这些字段是必填字段，因此它们都可以连接在一起。我的原始子查询如下所示
select *
from Suppliers
where CompanyName != 'Nord-Ost-Fisch Handelsgesellschaft mbH'and Country =
(Select country
from Suppliers
where CompanyName = 'Nord-Ost-Fisch
浏览 11提问于2017-02-16得票数 3
回答已采纳
我有一个数据模型，如下所示(还有其他字段，但这些字段是最重要的)：
$scope.model = [
{
id: 1,
country: "US"
},
{
id: 2,
country: "UK"
},
{
id: 3,
country: "DE"
},
{
id: 4,
country: "DE"
},
{
浏览 6提问于2014-09-09得票数 0
回答已采纳
我有一个内容类型，两个分类字段使用相同的词汇表，我需要一个带有两个公开过滤器的视图，当两个过滤器都设置为相同的术语时，在两个分类字段中只显示带有该术语的节点。
当前的结果是，当我使用两个"Content: with分类法术语(公开)“过滤器并选择第一个到"term 1”时，我会在两个分类法字段中得到所有带有"term 1“的节点。当我在第二个过滤器中选择“第1项”时，我得到的结果和以前一样。我想要实现的是:当在两个公开过滤器中选择"Term 1“时，我希望只有在两个分类字段中都有"term 1”的节点。
我怎样才能得到这个结果？
谢谢
浏览 0提问于2018-01-18得票数 -1
在我的应用程序中，我按字段订购我的订单数组，它仅通过订单数组的长度的creationTime 10(或所选的选项)对结果产生影响。
我需要对我所有的订单项目进行处理。
因此，当我选择选项5时，我将只看到五个订单，按顺序排列--按字段从所有订单中看到creationTime，而不仅仅是从5订单中。
ng-重复：
<select style="width: auto; display: inline;" class="form-control col-xs-2" data-ng-model="viewby" data-ng-change=&#
浏览 1提问于2018-10-24得票数 0
如何处理从AngularJS / Karma e2e测试中动态添加的表单字段？我可以使用哪个选择器来定位这些？
我将使用作为参考。
而静态表单域，如
<input type="text" ng-model="form.name" required/>
可以像这样作为目标
input('form.name').enter('change');
如何定位动态添加的字段？我指的是通过点击本节中的“添加”添加的字段：
<label>Contacts:</label>
[ <a href=
浏览 2提问于2013-08-14得票数 0
如何使ng-重复到只包含子字段的重复项？我有一个基于语言偏好的视频更新列表。我想做一些类似ng-重复=“视频中的视频”的事情，只有在ng- show ="video.titlevideoLanguage“将使元素显示的地方。当我尝试使用ng-show时，它在某种程度上起作用，但我有其他基于视频列表长度的代码(因为并非所有的视频都可用在每种语言中)。
这是我的密码：
<ul ng-init="select=0" ng-style="{'margin-top': ((videoContainerHeight - (vid
浏览 0提问于2015-11-24得票数 0
回答已采纳
1回答
允许我查找具有特定字段存在的文档：
GET /_search
{
"query": {
"exists" : { "field" : "firstname" }
}
}
但似乎只有一个字段存在，如何检查是否存在两个字段？例如，我希望找到同时具有firstname和lastname字段的用户。
浏览 0提问于2019-04-04得票数 7
回答已采纳
嗨，我正在尝试显示某些值，根据在下拉选项中选择的。我的代码是数据
[{"city":"New York","location":"123"},
{"city":"Chicago","location":"953"}
{"city":"New York","location":"788"}
{"city":"Chicago","location":"8
浏览 4提问于2014-01-29得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
