Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ionic-framework/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 带有ng repeat的角度复选框表单只能选择一个选项_Angularjs_Ionic Framework_Ng Repeat_Angular Ngmodel_Angularjs Forms - Fatal编程技术网

Angularjs 带有ng repeat的角度复选框表单只能选择一个选项

Angularjs 带有ng repeat的角度复选框表单只能选择一个选项,angularjs,ionic-framework,ng-repeat,angular-ngmodel,angularjs-forms,Angularjs,Ionic Framework,Ng Repeat,Angular Ngmodel,Angularjs Forms,我正在尝试创建一个多步骤表单,步骤2是一组复选框。以下是带有复选框的表格: <form ng-submit="createSubCategory(formData)"> <div ng-repeat="sub_category in event_sub_categories"> <ion-checkbox ng-model="formData.sub_category" ng-true-value="'{{sub_category}}'"&g

我正在尝试创建一个多步骤表单,步骤2是一组复选框。以下是带有复选框的表格:

<form ng-submit="createSubCategory(formData)">
    <div ng-repeat="sub_category in event_sub_categories">
        <ion-checkbox ng-model="formData.sub_category" ng-true-value="'{{sub_category}}'">
          {{sub_category}}</ion-checkbox>
    </div>
    <button type="submit" class="button button-block button-positive">Continue</button>
</form>

{{sub_category}}
继续
复选框(
事件子类别
)的数据从服务器中提取。我需要将用户选择的输入保存到formData。formData收集在多步骤表单的每一页上,并在所有表单页面之后随post请求一起提交。我对angular是个新手,我对复选框的工作原理有些困惑

问题1:我理解ng模型如何处理普通文本字段。但我不确定我是否了解它是如何与复选框一起工作的。ng模型是否替换html名称元素?也就是说,当我使用
$resource
将其提交给服务器时,数据集的键是由ng模型设置的吗


问题2:如何命名ng模型,使其成为formData的一部分,但也与从数据库中提取的
sub_category
的名称相关。问题是,使用上面的代码,在任何给定时间只能选择一个复选框,我希望用户能够在给定时间选中多个复选框。如果无法做到这一点,我如何才能获得复选框所需的功能?

要能够同时选择多个复选框,您需要一个对象(角度)来保存所有值。我已经在自己的应用程序中实现了这段代码,并且发现接收它的函数很容易解释对象。(迭代对象检查真/假值)

这是您的
代码:

<ion-checkbox ng-repeat="sub_category in event_sub_categories" ng-model="formData[sub_category]">

这将为单击的每个复选框在
formData
对象内设置
子类别:true/false

然后,您所需要做的就是将
formData
对象发送到任何地方,方法与以前相同。这是一个代码笔,用于显示复选框更改、更新的
formData
对象和字符串化的
formData
对象

例如,我为
事件子类创建了自己的值,因此这些值当然不同于您自己的值


如果您有任何问题,请发表评论。

可能是这样的吗?另外,这是用
爱奥尼亚框架
标记的,所以我猜您使用的是爱奥尼亚。您是否查看了离子复选框