Angular 预选和更新角度材质选择列表

I使用角度材质创建具有选择列表（每个列表项的复选框）的零部件。我不知道如何在显示列表之前设置复选框，然后在用户交互之后获取所选项目…即。如果用户以前选择过这些项目，我希望这些项目被预先选择，并且一旦他们更新了他们的选择，我希望保持更新，以便在他们刷新这些项目时，预先选择这些值。 以下是设置：

---

如何保留更新后的选项并将其显示为预选选项？

如果您已经从数据库中获取了信息，则只需更新您的

所选选项数组即可

如果这是您从服务器获得的信息：

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

您只需使用区域字符串创建一个新数组：

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

它应该可以工作，因为您已经将
所选选项定义为mat列表的ngModel。
您可以将此信息保存在数据库、本地存储中，您需要更多specific@TheUnreal，我将信息保存在数据库中，并有一个GET端点，该端点返回{“taskTypeAreas”：[{“name”：“Area1”}，{“name”：“Area2”}]}那么如何在UI中提取和预选择返回值：）您可以像这样使用localstorage谢谢：）这是我的服务控制台日志：响应：{“taskTypeAreas”：[{“name”：“Area1”}，{“name”：“Area2”}}；在Ngonit上我这样做了。selectedOptions=this.yourDataFromServer.taskTypeAreas.map（（area）=>area.name）；我得到错误类型错误：无法读取未定义的属性“map”。