单击 angular mat-chip 选择不触发 valueChanges 和芯片值在 valueChanes 事件中不可用

Question

我有一个包含多个 mat-chips 的 mat-chip-list。但是当我点击 mat-chip 时，它们不会触发 valueChanges 事件，而其他控件触发的 valueChanges 事件也没有选择筹码的值。

这是代码。

<mat-chip-list aria-label="{{question.key}} selection" [selectable]=true>
                    <ng-container *ngFor="let opt of question.options">
                      <ng-container [ngSwitch]="opt.value">
                        <ng-container *ngSwitchCase="'No'">
                          <mat-basic-chip class="mat-basic-chip-no" [value]="opt.key" #lbl="matChip"
                            (click)="chipControlOnSelect(question.key,opt.key,fi,fgi, lbl)">
                            {{opt.value}}</mat-basic-chip>
                        </ng-container>
                        <ng-container *ngSwitchDefault>
                          <mat-basic-chip [value]="opt.key" #lbl="matChip"
                            (click)="chipControlOnSelect(question.key,opt.key,fi,fgi, lbl)">
                            {{opt.value}}</mat-basic-chip>
                        </ng-container>
                      </ng-container>
                    </ng-container>
                  </mat-chip-list>

Answer 1

(click)="chipControlOnSelect(opt.key)"
[value]="opt.key"

在上面的语句中，可能有以下变化可以帮助获取值。

(click)="chipControlOnSelect($event)"
[value]="opt.newkey" 

将所有参数（question.key、opt.key、fi、fgi、lbl）与管道符号组合起来，并将其存储在'opt.newKey'中

chipControlOnSelect(event: any){
  let newKey = event.target.value;
  --- here you can split the values by using pipe symbol and get the required values.

}