Как установить выбранные по умолчанию значения в списках выбора угловых материалов?

Question

Я хочу установить выбранные по умолчанию значения в списке выбора угловых материалов, используя угловые реактивные формы.

Я установил массив значений по умолчанию в конструкторе, используя метод setValue() для элемента управления формы списка выбора.

Проблема в том, что у меня есть эта ошибка в консоли: ExpressionChangedAfterItHasBeenCheckedError: Previous value: 'aria-selected: false'. Current value: 'aria-selected: true'

Я дам вам здесь ссылку на stackblitz:

https://stackblitz.com/edit/angular-vu2pcy

Answer 1

Подробное объяснение этого исключения можно найти в этой статье . Одним из методов устранения исключения является принудительное обнаружение изменений с помощью ChangeDetectorRef.detectChanges.

A Stackblitz рабочий пример, основанный на вашем коде с использованием ChangeDetectorRef.