在表页更改中保留Angular 8中的复选框值

在Angular 8中，在表单页面更改后，保留复选框的值需要使用ngModel指令。以下是一个完善且全面的答案：

在Angular 8中，要保留表单页面中复选框的值，我们可以使用ngModel指令来实现。ngModel指令提供了双向绑定的功能，使得页面上的数据和组件中的数据能够同步。

首先，在组件的.ts文件中，我们需要定义一个属性来存储复选框的值。例如，我们可以定义一个名为"checkboxValues"的属性：

checkboxValues: any[] = [];

然后，在模板的.html文件中，我们可以使用ngModel指令来绑定复选框的值。首先，我们需要在复选框的input元素上使用[(ngModel)]来实现双向绑定：

<input type="checkbox" [(ngModel)]="checkboxValues" value="value1"> Checkbox 1
<input type="checkbox" [(ngModel)]="checkboxValues" value="value2"> Checkbox 2

在上述代码中，checkboxValues属性被绑定到复选框的值。当复选框的状态发生变化时，checkboxValues属性的值也会相应地更新。

接下来，当用户更改了复选框的值并提交表单时，我们可以在组件中获取checkboxValues属性的值，并进行相关操作。例如，我们可以将其打印到控制台：

onSubmit() {
  console.log(this.checkboxValues);
}

上述代码中的onSubmit函数可以在表单提交时被调用。它会打印出checkboxValues属性的值。

这样，当用户在表单中更改了复选框的值后，我们可以通过ngModel指令保留这些值，并在需要的时候进行操作。

推荐的腾讯云相关产品和产品介绍链接地址：

• 腾讯云产品：云服务器（https://cloud.tencent.com/product/cvm）
• 腾讯云产品：云数据库 MySQL（https://cloud.tencent.com/product/cdb_mysql）
• 腾讯云产品：云存储 COS（https://cloud.tencent.com/product/cos）
• 腾讯云产品：人工智能实验室（https://cloud.tencent.com/product/ailab）
• 腾讯云产品：物联网开发平台（https://cloud.tencent.com/product/iotexplorer）

以上是在Angular 8中保留复选框值的方法和相关腾讯云产品的介绍，希望能对您有所帮助！