小编Bit*_*tly的帖子

Clear mat-select 选择 Angular 材质

我已经实现了 mat-multi-select 选项。我有搜索功能,可以一次选择多个选项。当我单击“生成”按钮后选择后,我想清除所有选择。我可以清除搜索栏中的值,但如果打开多选下拉列表,值仍会被选中。我怎样才能清除这些值。

HTML 代码

<mat-select [formControl]="cMultiCtrl" [multiple]="true" required (selectionChange)="selectionChange($event)">
              <mat-option>
              <ngx-mat-select-search placeholderLabel="Search" noEntriesFoundLabel="No Matching Value Found" [formControl]="cMultiFilterCtrl"></ngx-mat-select-search>
            </mat-option>
              <mat-option *ngFor="let val of filteredCMulti | async" [value]="val.value">
                {{val.name}}
              </mat-option>
            </mat-select>

// the button on click of which I want to clear everything post API call

<button mat-raised-button (click)="generate()" class="download-button">Generate
  </button>
Run Code Online (Sandbox Code Playgroud)

TS代码

 public filteredCMulti: ReplaySubject<any[]> = new ReplaySubject<any[]>(1);
 public cMultiCtrl: FormControl = new FormControl();

ngOnInit() {
this.filteredCMulti.next(this.cvalues.slice());
this.cMultiFilterCtrl.valueChanges
      .pipe(takeUntil(this._onDestroy))
      .subscribe(() => {
        this.filterBanksMulti();
      });
}
ngAfterViewInit() {
    this.setInitialValue();
  }
ngOnDestroy() { …
Run Code Online (Sandbox Code Playgroud)

html typescript angular-material angular angular8

4
推荐指数
1
解决办法
2万
查看次数

标签 统计

angular ×1

angular-material ×1

angular8 ×1

html ×1

typescript ×1