Angular.js复选框

时间:2019-04-02 23:50:24

标签: angularjs checkbox

我正在尝试使用复选框和Angular 1.x做一些非常简单的事情。我想在编辑页面上预先选择一些复选框,然后进行一些选择以将数据保存到后端。

我已经创建了这个演示:

http://jsfiddle.net/roL38ctk/3/

我能够预先选择复选框,但是我很难查看所选项目或任何用途的方式如何保存到数据库,例如,在选中和取消选中我的ng-model选项之后看起来像这样:

{"300":false,"400":true}

保存时,我需要知道已选择的ID,不需要或不希望知道复选框的状态。像这样:

{300,305,310}

在我看来,Angular不能很好地处理复选框,而不必将对象黑客在一起以提取和处理准备保存的数据。

我已使用http://embed.plnkr.co/g0NMG4rmF4uwzoG2uZhf/preview作为指南,我认为它是可靠的来源并声称是Angular的方法?我不相信,当PHP框架轻松管理某些基本内容时,这些内容可能会变得如此繁重。我要去哪里错了?

1 个答案:

答案 0 :(得分:3)

只需将此代码放在您的Submit函数中。您将获得期望的值:

ModelChoiceField

或者您可以使用angularjs材质复选框Check here

这是第三个演示已经满足您的要求。