Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/438.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 当我选择一项选项时,如何使按钮保持启用状态?_Javascript_Angular - Fatal编程技术网

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,你的按钮被禁用

经过一些研究,我找到了解决方案。但是,我感谢你的帮助,谢谢!