单击选定的下拉列表时我想更改状态

Question

当我 select 下拉菜单时，我想将状态更改为 'In Progress'，但现在 app.ts 中的功能不起作用。

app.html

<div class="row">
    <div class="form-group col-md-12">
      <label class="control-label" for="assign">Assign task to dev</label>
      <select name="assign" class="form-control" id="assign">
        <option value="">choose dev...</option>
        <option *ngFor="let staff of Staff" (click)="assignDev(ticket.status, ticket.id)">
          {{staff.firstName}} {{staff.lastName}} 
        </option>
      </select>
    </div>
  </div>

app.ts

  assignDev( id: string, status: any){
    this.ticketService.assignDev(id, status)
  }

app.service.ts

  async assignDev(id: string, status: string) {
    this.afs.collection('ticket').doc(id).update(status === 'In Progress')
  }

Answer 1

我认为“点击”不是 select 的有效选项，而是在其上使用“更改”事件：

<div class="row">
    <div class="form-group col-md-12">
      <label class="control-label" for="assign">Assign task to dev</label>
      <select name="assign" class="form-control" id="assign" (change)="assignDev($event.target.value)">
        <option value="">choose dev...</option>
        <option *ngFor="let staff of Staff" [ngValue]="staff">
          {{staff.firstName}} {{staff.lastName}} 
        </option>
      </select>
    </div>
  </div>

在您的 TS 文件中：

 public assignDev(value: string){
    console.log(value);
  }

单击选定的下拉列表时我想更改状态

I want to change status when click selected dropdown

angular

angular8