AngularJS : $pristine 用于 ng-check 检查输入

2024-02-20

我有一个包含大约 100 个问题的表单,每个问题都有一个单选按钮和一些复选框,因此我需要用户能够保存该表单并稍后加载。我还需要检查用户在本次会话中更改了哪些内容。

这个问题解决了这个问题:如何表示 AngularJS 中哪些输入字段已更改 https://stackoverflow.com/questions/18641618/how-can-i-denote-which-input-fields-have-changed-in-angularjs

第二个答案(存储模型的旧值和当前值并比较两者)可以做到这一点。但是,如果我想使用 $pristine 解决方案,我就会遇到问题。取消选中 ng-checked 框不会改变它的 $pristine 值。只有在取消选中后再次选中该框,$pristine 值才会变为 false。

我知道我不应该将 ng-model 与 ng-check 一起使用,但我从服务器得到的答案为 1 或 0。用作模型的值不会检查复选框。

ng-model="question.answer"  //will not check the box
ng-check="question.answer"  //does check the box

来自服务器的值是 1。取消选中并选中该框会将其更改为“true”

<input ng-model="question.answer" ng-checked="question.answer" 
type="checkbox" name="{{'answer' + question.id}}"/>

这是一个 plnkr:http://plnkr.co/edit/3xcI0Yq9WPZ1IxJJjKGt?p=preview http://plnkr.co/edit/3xcI0Yq9WPZ1IxJJjKGt?p=preview


你需要的是设置1 and 0分别被视为真值和假值。您可以使用ng-true-value and ng-false-value https://docs.angularjs.org/api/ng/input/input%5Bcheckbox%5D进行设置。您不必处理将 1/0 转换为真/假,也可以摆脱ng-checked并使用ng-model本身有效。

<input ng-model="question.answer" 
            ng-true-value="1" 
            ng-false-value="0" type="checkbox" name="{{'answer' + question.id}}" />

Plnkr http://plnkr.co/edit/3YHzxm?p=preview

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

AngularJS : $pristine 用于 ng-check 检查输入 的相关文章

随机推荐

  • 如何使用RequestBodyAdvice

    ControllerAdvice public class RequestBodyAdviceChain implements RequestBodyAdvice Override public boolean supports Metho
  • 用不同的字符串多次替换相同的字符[重复]

    这个问题在这里已经有答案了 我有一个字符串多次包含相同的字符 我想用数组中的不同字符串替换每次出现的该字符 IE 就像准备好的声明中一样 String SELECT FROM x WHERE a AND b Array alpha beta
  • C++ Builder XE2,TXMLDocument“禁止 DTD”

    当我尝试使用 DTD 读取 XML 文档 eagle 文件 时 出现错误 项目 xx 引发异常类 EDOMParserError 并显示消息 DTD is 禁止 XML 标头如下所示 如果我删除第二行 一切正常 经过一番谷歌搜索后 MSXM
  • Python 3 多处理池因变量较大而速度缓慢

    我在 Python 3 中使用多处理池时遇到了一个非常特殊的问题 请参阅下面的代码 import multiprocessing as MP class c object def init self self foo def a self
  • 名为 noMethodError ruby​​ 的私有方法

    我一直在尝试解决以下问题并遇到错误 问题的关键是使用给定的密钥序列来加密字符串 例如 当给出 cat 和 1 2 3 时 结果应该是 dcw 有什么建议么 错误如下 def vigenere cipher string key sequen
  • silverlight MatchTimeoutInMilliseconds bug:解决DomainServiceClientCodeGenerator

    银光5 Net框架4 我正在尝试针对 RIA 代码生成器中最近的错误实施解决方法 找不到匹配超时毫秒 https connect microsoft com VisualStudio feedback details 1988437 gen
  • 使用 json 文件动态导入不起作用 typescript

    所以我编写了一个这样的函数来获取多个环境的测试数据 export class DataHelper public static async getTestData fileName string Promise
  • Hadoop:将多个IP地址绑定到集群NameNode

    我在 Softlayer 上有一个四节点 Hadoop 集群 Master NameNode 有一个用于外部访问的公共IP地址和一个用于集群访问的私有IP地址 从节点 数据节点 具有私有IP地址 我试图连接到主节点 而不需要为每个从节点分配
  • Node.js 服务器和客户端之间的变量

    我使用 Node js 运行一个简单的 http 服务器 var http require http var fs require fs var index fs readFileSync index html var sensor req
  • 将 YouTube Iframe API 与 Nativescript 结合使用?

    UPDATE 从 Manoj 下面的代码和其他一些来源 我现在可以将 youtube 播放器加载到基于 Youtube iframe api 的 webview 中 但问题仍然是 如何让我的应用程序识别视频本身何时开始播放 视频加载后以及任
  • Python:在主程序和 PEP 8 开头导入

    The PEP 8 http python org dev peps pep 0008 建议在程序开始时导入模块 现在 我觉得在开始时导入其中一些main程序 即 之后if name main 说得通 例如 如果主程序从命令行读取参数 我倾
  • 一个月内创建的 Rails 范围

    我在编写模型范围时遇到了一些问题 我想根据模型对象发布的月份来过滤模型对象 即模型 BlogPost scope published in month gt date where published date date at beginni
  • 如何指示 Ajax Minifier 从 javascript 中删除 console.log

    我的 js 文件中有这样的行 console log FunctionName 默认 Ajax Minifier 设置不会从 min js 输出中删除这些行 我在这次讨论中注意到关于终止开关的对话 http ajaxmin codeplex
  • idn-ruby 捆绑安装时出错

    我的应用程序中有 twitter text gem 当我进行捆绑安装时 出现以下错误 需要优先解决它 我也去了github页面https github com twitter twitter text issues 225 https gi
  • 图片来源UriKind

    我有一个项目 它的名称是 xx 我创建一个具有以下路径的文件夹 images xx bin 调试 图像 图像仅包含一张照片 其名称为 1 jpg 主窗口包含图像控件 我设置此代码来加载图像源 但它不起作用 为什么 private void
  • 在 AIR 应用程序安装屏幕上显示图标

    是否可以在 AIR 应用程序安装屏幕上显示图标 我下载了一个 AIR 应用程序 我很惊讶地在第二个安装屏幕上看到了一个图标 当您购买 SSL 证书并使用该证书构建 Air 应用程序时 安装过程中会显示此图标
  • SQLite:.Net 比原生慢得多?

    这是我的查询 SELECT FROM GeoName WHERE 26 3665122100029 Lat 26 3665122100029 Lat 27 5978928658078 Long 27 5978928658078 Long l
  • 4 年每日数据的滚动回归,每个新回归和不同因变量提前一个月

    我有 5 个自变量 附加数据中的 B F 列 和一些因变量 附加数据中的 G M 列 我需要针对所有自变量对每个因变量进行多重回归 回归必须有 4 年的数据窗口 并且每个新的估计都必须提前一个月 我需要提取系数并对每个系数进行 vasice
  • Android 图标下方的文本(按钮)

    我正在尝试创建一个主入口界面 我将创建六个按钮 每个按钮将打开另一个活动 对于每个按钮 我希望它有一个大图标 按钮下方有文字 目前 我可以在按钮上显示图像 但我不知道如何使文本显示在按钮下方 我尝试将文本直接放在图像上 但看起来不太好 这是
  • AngularJS : $pristine 用于 ng-check 检查输入

    我有一个包含大约 100 个问题的表单 每个问题都有一个单选按钮和一些复选框 因此我需要用户能够保存该表单并稍后加载 我还需要检查用户在本次会话中更改了哪些内容 这个问题解决了这个问题 如何表示 AngularJS 中哪些输入字段已更改 h