Javascript 当我选择一项选项时,如何使按钮保持启用状态?
我希望我的按钮“+”保持启用状态,但仅当我在选择中做出选择时Javascript 当我选择一项选项时,如何使按钮保持启用状态?,javascript,angular,Javascript,Angular,我希望我的按钮“+”保持启用状态,但仅当我在选择中做出选择时 <div class="container"> <div class="row"> <button (click)="setItem()">Items</button> <select class="custom-select"> <option *ngFor="let item of itemSelected">
<div class="container">
<div class="row">
<button (click)="setItem()">Items</button>
<select class="custom-select">
<option *ngFor="let item of itemSelected">
<a (click)="freeBtn()">{{ item }}</a>
</option>
</select>
</div>
</div>
<div class="container">
<button class="btn btn-primary" type="button" [disabled]="isActive">+
</button>
</div>
itemSelected = [];
items = ['Test A', 'Test B', 'Test C', 'Test D', 'Test E'];
isActive = true;
setItem(){
this.itemSelected = this.items;
console.log(this.itemSelected);
}
freeBtn(){
this.isActive = false;
}
项目
{{item}}
+
itemSelected=[];
项目=[‘测试A’、‘测试B’、‘测试C’、‘测试D’、‘测试E’];
isActive=true;
setItem(){
this.itemSelected=this.items;
console.log(此.itemSelected);
}
freeBtn(){
this.isActive=false;
}
问题是,
您必须钩住select的change事件,而不是为每个由于许多原因无法工作的选项添加一个click
例如:
<select (change)="freeBtn($event.target.value)">
<option *ngFor="let item of itemSelected">
{{ item }}
</option>
</select>
{{item}}
所以isActive一开始是false,当你选择某个东西时,它变为true,你的按钮被禁用经过一些研究,我找到了解决方案。但是,我感谢你的帮助,谢谢!