如何检查是否在angular2中选择了两个下拉列表，如果是真的，则调用一些方法？
在Angular 2中，要检查是否选择了两个下拉列表，可以通过以下步骤进行：
- 首先，在组件的HTML模板中，使用双向绑定将两个下拉列表与组件中的属性绑定起来。例如，使用ngModel指令将下拉列表的值绑定到组件的属性上。
<select [(ngModel)]="selectedOption1">
<!-- 下拉列表选项 -->
</select>
<select [(ngModel)]="selectedOption2">
<!-- 下拉列表选项 -->
</select>- 在组件的代码中，定义一个方法来检查是否选择了两个下拉列表，并在满足条件时调用其他方法。例如，可以在组件的方法中使用条件语句来检查两个下拉列表的值是否都被选择。
checkSelection() {
if (this.selectedOption1 && this.selectedOption2) {
this.callOtherMethod();
}
}
callOtherMethod() {
// 调用其他方法的逻辑
}- 最后，在组件的HTML模板中，使用事件绑定将选择下拉列表的改变事件与检查方法绑定起来。当下拉列表的值发生改变时，检查方法将被调用。
<select [(ngModel)]="selectedOption1" (ngModelChange)="checkSelection()">
<!-- 下拉列表选项 -->
</select>
<select [(ngModel)]="selectedOption2" (ngModelChange)="checkSelection()">
<!-- 下拉列表选项 -->
</select>通过以上步骤，当两个下拉列表都选择了值时，将会调用callOtherMethod()方法。你可以根据具体需求在callOtherMethod()方法中执行相应的逻辑。
请注意，以上示例中使用了Angular的双向绑定和事件绑定机制来实现检查和调用方法的功能。关于Angular的更多详细信息和示例，你可以参考腾讯云的Angular相关产品和文档：
- 腾讯云Angular产品介绍：https://cloud.tencent.com/product/angular
- Angular官方文档：https://angular.io/docs
相关·内容
4回答
Ngmodel值正在错误地更新？
angular、typescript、angular-ngmodel
我使用了第三方下拉列表和日历组件，如果我更改值ngmodel值是错误的更新。它必须采用当前值而不是这个值，而是采用旧值。
样本：
如何将当前值更新为ngmodel.？请给出一个好的答案
复制程序：
1.运行示例链接
更改下拉值或日历值
3.请参阅控制台日志，使用参数获取当前值，但ngmodel显示旧值。
Html文件
<link href="https://cdn.syncfusion.com/ej2/material.css" rel="stylesheet">
<ejs-datepicker id="d
浏览 0提问于2018-09-21得票数 3
回答已采纳
4回答
为什么组件在下拉列表上加载时不触发ngmodelChange事件？
javascript、angular、typescript
在我的角8组件中，我增加了双向绑定到下拉控件.
视图
<select (ngModelChange)='termSelectChanged($event)' [ngModel]="selected">
<option [ngValue]="t" *ngFor='let t of termsColl'>{{t?.code}}</option>
</select>
组件代码
export class AppComponent implements OnInit{
pu
浏览 8提问于2020-11-11得票数 5
回答已采纳
3回答
选择改变角度的实现？
javascript、angular、angular-ngmodel、subject、subject-observer
angularjs有一个名为onchanges的内置指令，它可以侦听select或其他方面的更改，并允许您在更改时执行函数。
我多么希望这是如此的棱角分明。目前，我对ngmodel有了更好的理解，并且看到了我如何能够使用一个主题来获得以下信息。
我选择了一些城市：
<div id="venueFilterParams" ngModelGroup="venueFilterParams">
<!-- need to add default values from url-->
<select [n
浏览 6提问于2017-07-12得票数 0
回答已采纳
2回答
角7按先前选择的项id填充下拉列表
material-design、angular7、dropdown
我是新的角7材料设计，我正在工作的多下拉列表。
所以我一共有两个下拉列表，第二个下拉列表需要第一个的id。
这样，第二个下拉列表中的项目列表就会根据先前选择的项缩小范围。我不知道该怎么做，任何帮助都是非常感谢的。
服务
getAllMarkets(){
return this.http.get(this.url + 'allMarkets')
}
getProducts(id: number){
return this.http.get(this.url + 'products')
}
.ts
markets;
浏览 0提问于2019-03-12得票数 0
1回答
角2选择(更改)事件，不更新下拉列表中的值
angular、select、dropdown
当select下拉列表发生更改时，我使用(change)指令调用一个方法来检查所选值是否被允许，如果不允许所选值，则再次选择前一个值(在下拉列表上恢复更改)，但是在die下拉列表中选择的值仍然显示新的选定值，但是ngModel变量是前一个值，例如：
我将选择从A改为B。
HTML:
<select (change)="doCheck()" [(ngModel)]="test">
<option [ngValue]="1">A</option>
<option [ngValue]="
浏览 0提问于2017-01-17得票数 4
3回答
跌落onChange
angular
我一直在阅读，发现这个问题有很多不同的地方，但我还没有找到一个起作用的。这是我的HTML：
<select [ngModel]="selectedDepartment" (ngModelChange)="onChange($event)">
<option *ngFor="let department of Directory.categories" [ngValue]="department.id">{{department.option}}</option>
</select&g
浏览 4提问于2017-05-24得票数 0
回答已采纳
2回答
使用角度2更改值时调用方法
ionic、angular
当使用Angular 2更改值时，我如何调用方法？
<select [(ngModel)]="searchMonster">
<option>36</option>
<option>37</option>
</select>
我尝试使用ng-change，但没有成功。
浏览 2提问于2015-12-23得票数 7
回答已采纳
1回答
选择由于某种原因不能工作的选定选项=/
javascript、html、asp.net、angular、typescript
[
由于某些原因，所选的select选项仅在单击该选项时才显示任何值，只显示一个空白区域。我已经检查了css文件，当我删除(ngModel)时，似乎不知道是什么导致了问题--它工作了，但是没有得到值=/
import { Component, OnInit } from '@angular/core';
import { Company } from '../_models/company';
import { CompanyService } from '../_services/company.service';
import { Al
浏览 4提问于2020-03-22得票数 1
回答已采纳
1回答
角primeNg下垂
angular、primeng、primeng-datatable、primeng-dropdowns
我在表行的每一行上都有一个下拉列表，每次从下拉列表中选择一个选项时，所选的值都会在rest下拉列表中被更新为相同的值：
我的html代码：
<p-table....>
<ng-template pTemplate="body" let-user>
<tr>
current user permission: {{user.Permission}}
<p-dropdown [options]="PermissionOptions" [(ngM
浏览 21提问于2022-01-11得票数 0
回答已采纳
5回答
[((NgModel)]和[ngModel]之间的差异用于将状态绑定到属性？
angular、angular-ngmodel
下面是一个模板示例：
<input type="number" class="form-control" [(ngModel)]="overRideRate" formControlName="OverRideRate">
<input type="number" class="form-control" [ngModel]="overRideRate" formControlName="OverRideRate">
在这里，他们两个都在做同
浏览 6提问于2017-02-28得票数 114
回答已采纳
4回答
Angular - my ngIf只隐藏一次输入标签
javascript、html、angular
*ngIf="currentIdea.oetSupportNeeded"我有一个包含两个值的下拉列表- yes和no，以及另一个输入标签，您可以在其中自由编写。我希望仅当用户在下拉列表中选择“是”时才显示input-label，并在选择“否”时隐藏它。
我的问题是，下面的代码只工作一次-当页面加载时选择"no“，输入标签被隐藏，但当你选择"yes”然后再次选择"no“时，标签就会显示出来，不再消失。我想让它根据用户的选择打开/关闭
我尝试过使用ngShow、ngHide、[disabled]等，但都没有用
<div class="selec
浏览 0提问于2019-06-27得票数 2
3回答
当用户属性与ngOnChanges一起更改时，ngModel不会触发，这对我来说很奇怪，因为我使用的是vue js和计算方法，我想这里也是一样的。
组件
import { Component, OnChanges } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.scss']
})
export class AppCom
浏览 4提问于2020-07-28得票数 0
回答已采纳
1回答
ngModel没有将值更新到组件。
angular、angular2-template、angular2-ngmodel
ngModel不起作用。我把它和文本框一起用。
app.component.html
<input type="text" [value]="name" [ngModel]="name">
Name is: {{name}}
app.component.ts
name = '';
constructor() { }
ngOnInit(): void {
this.name = "Hello";
}
当我更改textbox值时，该值在组件中不会更改。但是双向数据绑定使用的是[(ngModel)]=&
浏览 7提问于2022-08-28得票数 0
回答已采纳
1回答
当json属性未定义时，在ngFor中绑定下拉列表中的值
angular、ngfor
在我的角度应用程序中，我在ngFor中有一个下拉列表。下拉列表的值将按照ngFor迭代中的值设置。下拉列表的值将按照ElementsList数组中的值设置。ElementsList数组看起来像var ElementsList = [{id:1, name:"Sample Name", active:true}]
<div *ngFor="let element of ElementsList">
<select [(ngModel)]="element.active" &g
浏览 2提问于2022-08-03得票数 0
6回答
在ngModel中对角输入单元使用管道
angular、pipe、html-input、angular2-ngmodel
我有一个HTML输入字段。
<input
[(ngModel)]="item.value"
name="inputField"
type="text"
/>
我想格式化它的值并使用一个现有的管道：
....
[(ngModel)]="item.value | useMyPipeToFormatThatValue"
....
并获得错误消息：
不能在操作表达式中有管道。
在这种情况下，我如何使用管道？
浏览 7提问于2016-09-22得票数 184
回答已采纳
2回答
ngModel不更新变量
angular、typescript、ionic-framework
我正在使用Angular和ionic创建一个登录系统，并尝试使用(ngModel)来连接变量，以便在字段发生变化时进行更新。我在关注this tutorial export class ModalLoginComponent implements OnInit {
modal;
state = "";
headerText = "Sign Up";
emailInput;
passwordInput;
nicknameInput;
constructor(public toastController: ToastCon
浏览 37提问于2021-03-26得票数 0
2回答
Angular2 [selected]不适用于[ngValue]
angular、angular8、angular2-forms
我面临的问题是，我不能将球队的俱乐部设置为[selected]的[ngValue]选项。然而，如果我使用的是[value]和[selected]，它将球队的俱乐部设置为选项，但是我不能用[value]传递对象
这里是我的代码：
使用[value]和[selected]，将球队的俱乐部设置为[selected]选项，但我不能将对象传递给[value]
<select
*ngIf="isEditing"
name="club"
#club="ngModel"
[ngModel]="team?.club&#
浏览 1提问于2020-04-18得票数 0
1回答
我有一个场景，我在下面给出了。我使用的是angular 9和node js的最新版本。
我有一个名为' cities‘的子组件，它包含一个下拉列表，其中包含一些重要的城市，比如金奈、德里、班加罗尔。
我有另一个名为'areas‘的子组件，它包含一个基于另一个下拉列表中所选城市的下拉列表。例如，如果我选择“班加罗尔”，我想显示“area1”和“area2”。如果我选择'Chennai‘，那么我想显示'area3’和'area4‘。
下面是app-component的代码
<app-city></app-city>
<app-a
浏览 0提问于2020-05-02得票数 0
4回答
组件输入属性上的双向数据绑定
data-binding、angular、bidirectional
我试图在angular2上做一些事情，但是我无法找到关于这种行为的一些东西。
我有一个实现自定义组件的应用程序，如下所示：
import {Component,Input} from 'angular2/core'
@Component({
selector:'my-comp',
template:`<input type="text" style="text-align:center; [(ngModel)]="inputText"> <p>{{inputText}
浏览 7提问于2016-01-05得票数 16
回答已采纳
2回答
构件模型的角2延迟更新
angular、angular2-template、angular2-components
我刚接触到角度2，最近我一直在尝试双向绑定。我有以下代码：
template.html
<select [(ngModel)]="val" (change)="onChanged()">
<option>1</option>
<option>2</option>
<option>1</option>
</select>
component.ts
..//other code definitions here
export class MyCompon
浏览 2提问于2016-10-27得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
