1

複数選択オプションで MatSelect を使用しています。すべての要素のチェックまたはチェックを外すたびに、毎回呼び出される typescript 関数があるため、問題は、ex の UI から入力されたクリック イベントを区別できないことです。Apple がチェックしてから API を呼び出し、Apple がチェックされていない場合は何もしません

.html ファイル

 <mat-form-field>
    <mat-select [(value)]="selected" formControlName="tagList" id="tagList" placeholder="Select Tag" name="tagList" multiple>
      <mat-option *ngFor="let tag of tagList" [value]="tag" 
         (click)="isSelectedTagIsCallback(tag, $event.value)">
         {{tag.name}}
      </mat-option>
    </mat-select>
 </mat-form-field>

.ts ファイル

isSelectedTagIsCallback(data, event) {
      if(checked){
         // Call API
      }
     else{
       // Do nothing
     }
}

上記のアプローチは間違っていますか、それとも正しいですか? 正しい場合、値に基づいてAPIを呼び出すためのチェック済み/未チェックのイベントまたはフラグを取得するにはどうすればよいですか

4

1 に答える 1