Предварительно выбрать и обновить список выбора угловых материалов

Question

I компонент со списком выбора (флажки для каждого элемента списка) с использованием Angular Material.Я не могу понять, как установить флажки перед отображением списка, а затем получить выбранные элементы после взаимодействия с пользователем .... т.е. я хочу, чтобы элементы были предварительно выбраны, если пользователь предварительно выбрал их, и как только ониобновить их выбор Я хочу сохранить обновление, чтобы после их обновления были предварительно выбраны значения.Вот настройки: https://stackblitz.com/edit/material-selection-list-5-0-0?file=app%2Fapp.component.ts Как сохранить мои обновленные выборы и показать их как предварительно выбранные?

Answer 1

Если вы уже получили информацию из своей БД, вы можете просто обновить свой массив selectedOptions.

Если это то, что вы получили с сервера:

this.yourDataFromServer = { "taskTypeAreas": [ { "name": "Area1" }, { "name": "Area2" } ] };

Вы можете простосоздайте новый массив со строками области:

this.selectedOptions = this.yourDataFromServer.taskTypeAreas.map((area) => area.name);

Это должно работать, так как вы уже определили selectedOptions как ngModel вашего списка матов.