如何在angular 9中重新加载页面后保持复选框的状态？

在Angular 9中重新加载页面后保持复选框的状态，可以通过以下步骤实现：

1. 在组件的HTML模板中，为复选框绑定一个属性，例如[(ngModel)]，并设置一个唯一的标识符。

<input type="checkbox" [(ngModel)]="isChecked" id="checkbox1">

1. 在组件的Typescript代码中，定义一个变量来保存复选框的状态。

isChecked: boolean = false;

1. 在组件的ngOnInit生命周期钩子函数中，通过读取本地存储或其他持久化方式，获取之前保存的复选框状态，并将其赋值给变量。

ngOnInit() {
  const savedState = localStorage.getItem('checkboxState');
  if (savedState) {
    this.isChecked = JSON.parse(savedState);
  }
}

1. 在组件的ngOnDestroy生命周期钩子函数中，将当前复选框的状态保存到本地存储或其他持久化方式中。

ngOnDestroy() {
  localStorage.setItem('checkboxState', JSON.stringify(this.isChecked));
}

这样，当页面重新加载时，Angular会自动将保存的状态赋值给复选框，从而保持复选框的状态不变。

需要注意的是，以上方法只适用于单个复选框的情况。如果页面中存在多个复选框，可以使用类似的方法为每个复选框设置唯一的标识符，并分别保存和读取它们的状态。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云对象存储（COS）。

• 腾讯云云服务器（CVM）：提供可扩展的云服务器实例，可满足不同规模和需求的应用程序。了解更多信息，请访问腾讯云云服务器。
• 腾讯云对象存储（COS）：提供安全、稳定、低成本的对象存储服务，适用于存储和处理各种类型的数据。了解更多信息，请访问腾讯云对象存储。