Question

我想要我的按钮'+'，保持启用状态，但只有当我在选择中做出选择时。

<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;
}

问题是<a (click)="freeBtn()></a>"不起作用:(

Answer 1

您必须勾选选择的更改事件，而不是为每个因多种原因而无法工作的选项添加点击。

示例：

<select (change)="freeBtn($event.target.value)">
<option *ngFor="let item of itemSelected">
 {{ item }}
</option>
</select>

因此，isActive开始为假，当您选择某些内容时，它会变为真，并且您的按钮被禁用

当我选择一个选项时，如何使按钮保持启用状态？

1 个答案: