问如何显示所有的芯片时，它过滤成角

EN

<!--- Cards List -->
 <mc-workspace-card-list [workspaces]="filteredPubWorkSpaces"></mc-workspace-card-list>

<!-- Tags List -->
                <mat-chip *ngFor="let tag of tagList" [selected]="tag.state"
                    (click)="tag.state = !tag.state; changeSelected('s', tag.tag)"
                    [ngStyle]="{'background-color':tag.state? 'mediumturquoise' : '' }">
                    <img class="super-icon" *ngIf="tag.superTag || tag.type == TagType.super"
                        src="/assets/images/icons/super-tag-icon.svg">
                    {{tag.tag}}
                </mat-chip>
            </mat-chip-list>

  tagList: Tag[] = [];
  chartSearchResults: Chart[] = [];
  tagSearch: string[] = [];
  filteredPubWorkSpaces = [];

  ngOnInit(): void {
    var superTags: Tag[] = [];
    //get all the tags
    this.tagService.getAllTagsByType('super').subscribe((sTags) => {
      this.loading = true;
      if (sTags) {
        superTags = sTags;
      }
    });
    this.tagService.getAllTagsByType('user').subscribe((tags) => {
      if (tags) {
        this.tagList = superTags.concat(tags);
      }
    this.loading = false;
    });


  search(value: string, tags?: string[]) {
    if (!tags) {
      tags = [];
    }
    this.loading = true;
    this.chartSearchResults = [];
    this.searchService.search(value, tags, 0, 50).subscribe((data) => {
      if (data) {
        this.filteredPubWorkSpaces = data.results;
        for (let result of data.results) {
          if (this.chartSearchResults.length < 10) this.chartSearchResults = this.chartSearchResults.concat(result.charts);
        }
      }
      this.loading = false;
    })
  }


  changeSelected(parameter: string, query: string) {
    this.cdr.detectChanges();
    const index = this.tagSearch.indexOf(query);
    if (index >= 0) {
      this.tagSearch.splice(index, 1);
    }
    else {
      this.tagSearch.push(query);
    }
    this.search("", this.tagSearch);
  }