Angularjs 带有ng repeat的角度复选框表单只能选择一个选项
我正在尝试创建一个多步骤表单,步骤2是一组复选框。以下是带有复选框的表格: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
<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
对象
例如,我为事件子类创建了自己的值,因此这些值当然不同于您自己的值
如果您有任何问题,请发表评论。可能是这样的吗?另外,这是用
爱奥尼亚框架
标记的,所以我猜您使用的是爱奥尼亚。您是否查看了离子复选框?