Chips 7

chips-multi-select.component.ts

@ViewChild(MatChipList) chipList!: MatChipList;

value: string[] = [];

writeValue(value: string[]): void {
    // When form value set when chips list initialized
    if (this.chipList && value) {
      this.selectChips(value);
    } else if (value) {
      // When chips not initialized
      this.value = value;
    }
}

selectChips(value: string[]) {
    this.chipList.chips.forEach((chip) => chip.deselect());
    const chipsToSelect = this.chipList.chips.filter((c) =>
      value.includes(c.value)
    );
    chipsToSelect.forEach((chip) => chip.select());
}