当前位置: 首页 > 面试题库 >

AngularJS:ng模型未绑定到ng-checked复选框

秦安宁
2023-03-14
问题内容

如果在侧面ng-checked评估为,则不会更新。我无法按照上述问题的建议进行操作,因为我必须为每个复选框使用一些样式。true``html``ng- model``ng-repeat

这是我为了说明我的问题而创建的插件。

http://plnkr.co/edit/YsOsPh3vjkPMUUDa6r2t

要查看我想要的内容,请打开控制台,然后单击Submit按钮。请不要选中任何复选框。

提前致谢!


问题答案:

ngModel并且ngChecked不打算一起使用。

ngChecked期望一个表达式,所以说ng-checked="true",基本上是说默认情况下始终选中该复选框。

您应该可以只使用ngModel,将其绑定到模型的布尔属性。如果您还需要其他东西,则需要使用ngTrueValuengFalseValue(现在仅支持字符串),或编写自己的指令

您到底想做什么?如果您只想默认选中第一个复选框,则应更改模型- item1: true,

编辑:不必提交表单来调试模型的当前状态,顺便说一句,您可以转储{{testModel}}到HTML(或<pre>{{testModel|json}}</pre>)中。您的ngModel属性也可以简化为ng- model="testModel.item1"

http://plnkr.co/edit/HtdOok8aieBjT5GFZOb3?p=preview



 类似资料:
  • 问题内容: 在我的HTML页面中,我有两组基于布尔的单选按钮:分别标记为“是”和“否” /值:分别为 True 和 False 。我正在从PostgreSQL数据库表中填充完整的表单,以允许经过身份验证的用户查看包含填充数据的表单,并编辑包含单选按钮的填充字段,然后保存将数据保存到DB的表单。所有其他文本字段都可以毫无问题地填充;这都是单选按钮的集合我在单选按钮的预选标记方面遇到了问题。 以下内容

  • 问题内容: 我正在尝试使用ng- model将复选框绑定到作用域。复选框的初始状态恰好与范围模型相对应,但是当我选中/取消选中复选框时,模型不会更改。需要注意的是,模板是在运行时使用ng- include动态加载的 当我选中该框时,控制台记录为false,而当我取消选中该框时,控制台再次记录为false。我还在作用域上有一个订单模型,如果我将复选框的模型更改为order.billing_is_sh

  • 本文向大家介绍aurelia 绑定到复选框,包括了aurelia 绑定到复选框的使用技巧和注意事项,需要的朋友参考一下 示例 基本复选框 带有对象数组的复选框 带有布尔值的复选框            

  • 我正在尝试将type-ahead http示例添加到我的项目(ng-bootstrap)中。我只是简单地复制了typeahead-http、html和typescript文件。然后我更改了app.module.ts以包含ahead文件类型: 我已经将NgbdTypeaheadHttp添加到声明列表中,并将WikipediaService添加到提供程序中,但我仍然得到以下错误: 异常:调用节点模块失

  • 我有一个如上所述的下拉列表,并希望将所选值绑定到模型的字段(类型为) 但是,无论我选择哪个项目,字段始终为空!它甚至不是可空类型

  • 问题内容: 我正在尝试创建一个自定义组件,该组件使用从内而外的指令使用动态ng-model。 例如,我可以调用不同的组件,例如: 使用如下指令: 想法是,如果模型发生更改,则指令中的文本框将发生更改,反之亦然。 事实是,我尝试了不同的方法,但都没有成功,您可以在此处检查以下方法之一:http : //plnkr.co/edit/7MzDJsP8ZJ59nASjz31g?p=preview在此示例中