获取表单提交时所有p-复选框的状态(Angular PrimeNG)

在Angular PrimeNG中，要获取表单提交时所有p-复选框的状态，可以通过以下步骤实现：

首先，在组件的HTML模板中，使用ngModel指令将复选框绑定到组件的属性上。例如，假设有一个名为checkboxes的属性，可以将复选框绑定到该属性上：

<p-checkbox [(ngModel)]="checkboxes.option1"></p-checkbox>
<p-checkbox [(ngModel)]="checkboxes.option2"></p-checkbox>
<p-checkbox [(ngModel)]="checkboxes.option3"></p-checkbox>

在组件的Typescript文件中，定义一个名为checkboxes的属性，并初始化为一个对象，用于存储每个复选框的状态：

checkboxes: any = {
  option1: false,
  option2: false,
  option3: false
};

当表单提交时，可以通过访问checkboxes对象来获取每个复选框的状态。例如，可以在提交表单的方法中使用checkboxes对象来获取复选框的状态：

onSubmit() {
  console.log(this.checkboxes.option1); // 获取option1复选框的状态
  console.log(this.checkboxes.option2); // 获取option2复选框的状态
  console.log(this.checkboxes.option3); // 获取option3复选框的状态
}

这样，当表单提交时，就可以通过访问checkboxes对象来获取所有p-复选框的状态。

对于Angular PrimeNG，腾讯云提供了一系列相关产品和服务，可以帮助您构建和部署基于Angular的应用程序。您可以参考以下链接了解更多关于腾讯云的产品和服务：