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

Question

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

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

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

array = ["firstName", "email]

我该怎么做？

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

Answer 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。

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

How to push only checked checkbox values into an array using angular form controls

angular

angular-forms