如何使用角度表单控件仅将选中的复选框值推送到数组中答案

【问题标题】：How to push only checked checkbox values into an array using angular form controls如何使用角度表单控件仅将选中的复选框值推送到数组中
【发布时间】：2020-11-03 19:48:04
【问题描述】：

我在表单中有复选框。我正在使用角度表单控件来构建表单并获取提交时的值。我只想将选定的复选框推送到数组中。当我提交表单时，我得到以下值作为对象。

newForm= {formName: "formone", firstName: true, lastName: false, email: true, phone: false, description: "this is form one"}

现在，我只想将选中的值键推送到数组中。喜欢

array = ["firstName", "email]

我该怎么做？

我尝试使用 [(ngModel)] 绑定。但是，我想知道如何使它与表单控件一起使用。

【问题讨论】：

注意：该表单由其他字符串和数字值组成。我只想将选中的布尔值推送到数组中。
使用 ng-change 在您的复选框输入元素上执行此操作！

标签： angular angular-forms

【解决方案1】：

以下是如何从对象中推送“真实”的元素

{
  formName: "formone",
  firstName: true,
  lastName: false,
  email: true,
  phone: false,
  description: "this is form one",
}

所以结果是["firstName", "email"]

var newForm = {
  formName: "formone",
  firstName: true,
  lastName: false,
  email: true,
  phone: false,
  description: "this is form one",
};
var array = [];
for (var element in newForm) {
  if (newForm[element] === true) {
    array.push(element);
  }
}

这是上面代码的jsfiddle。

【讨论】：