程序员经验分享-hwhale

AngularJS：ng-model 未绑定到 ng-checked 复选框

2024-05-26

我在问这个问题之前提到过这一点：AngularJs 不将 ng-checked 与 ng-model 绑定 https://stackoverflow.com/questions/14226439/angularjs-doesnt-bind-ng-checked-with-ng-model

If ng-checked被评估为true on the html边, 的ng-model没有更新。我不能ng-repeat正如上面问题中所建议的，因为我必须为每个复选框使用一些样式。

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

http://plnkr.co/edit/YsOsPh3vjkPMUUDa6r2t http://plnkr.co/edit/YsOsPh3vjkPMUUDa6r2t

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


ngModel and ngChecked不应该一起使用。

ngChecked正在期待一个表达，所以说ng-checked="true"，您基本上是说默认情况下始终会选中该复选框。

你应该能够使用ngModel，绑定到模型上的布尔属性。如果你想要别的东西，那么你要么需要使用ngTrueValue and ngFalseValue（目前仅支持字符串），或者编写您自己的指令。

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

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

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

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

angularJS

angularjsngmodel

angularjsngchecked

AngularJS：ng-model 未绑定到 ng-checked 复选框 的相关文章

  • 在 for 循环中突破 Promise 块

    我有以下代码 this storeNameValidate function stores var deferred q defer console log stores for storeIndex in stores this name

  • 将安全的 Grafana 嵌入到 Web 应用程序中

    我想使用 AngularJS 将 Grafana 嵌入到我的 Web 应用程序中 目标是 当用户使用我的应用程序时 她应该能够单击按钮并加载 Grafana UI 就其本身而言 这是一项简单的任务 为此 我使用 apache 代理 Graf

  • AngularJs 从自身调用内部服务函数

    我构建了一个发出多个请求的简单服务 该服务有两种方法 我无法从服务内的另一种方法调用一种方法 Plunkr http plnkr co edit 2fERik4uTxbxlVOhncMd p preview http plnkr co ed

  • ng-bootstrap ngbDropdown 在 Angular 4 中不起作用

    在我的 Angular 4 应用程序中 ng bootstrap 中的 ngbDropdown Element 不起作用 对于这种情况 我安装了以下 npm 模块 ng bootstrap ng bootstrap 1 0 0 alpha

  • 在 Karma+AngularJS 测试中加载模拟 JSON 文件

    我有一个 AngularJS 应用程序 使用 Karma Jasmine 设置了测试 我想测试一个函数 它接受一个大型 JSON 对象 将其转换为应用程序其余部分更容易使用的格式 然后返回转换后的对象 就是这样 对于我的测试 我希望您有单独

  • 使用 Angular JS ng-src 的后备（默认）图像

    我正在尝试使用从模式返回的数据设置图像源 这是在 ng repeat 循环内 div div span table tr td class imgContainer img td tr table span div div

  • ng-include 跨域帮助 angularjs

    我正在尝试为加载到 ng include 跨域的 url 实现白名单 这是一场噩梦 我有一个在本地运行良好的包含 div div 然后我像这样添加白名单 angular module myApp ngRoute ngResource con

  • 将行推入使用 ng-repeat 以角度呈现的表格中

    当客户端单击该行时 我想在表中插入额外的行 不应预取数据 因为我预计最多有 30 行 但每行都有关联的数据 在一次获取中获取这些数据是不合理的 到目前为止 我的方法是使用 ng repeat 迭代我的集合并渲染表格 当客户端按下该行时 客户

  • 当我的网页上有一个持续时间计数器时，AngularJS 有什么帮助吗？

    我有一个使用 Angular ui router 的应用程序 当路由器设置为某种状态时 我希望将计时器设置为例如 2 小时 当它设置为另一个状态时 我想让计数器倒计时 我希望在屏幕上显示剩余时间 有谁有关于如何实现此功能的代码示例吗 如果有

  • 选择器的内部文本

    我尝试从此标记中获取内部文本 span class ng binding ng scope Displaying results 1 25 of 17 430 span 使用此选择器 document querySelectorAll di

  • 根据用户区域设置过滤字符串列表

    当使用 AngularJS 1 6 处理 JavaScript 项目时 我有一个要过滤的字符串列表 例如 假设我的列表包含 rbol cig e a nido and tubo 当过滤西班牙语字符串时 如果我过滤 u 我会期望两者cig e

  • 包含routeChangeSuccess的AngularJS测试控制器

    我正在尝试创建单元测试来测试导航列表控制器 但在创建测试时遇到问题 这是控制器的代码 navListModule controller NavListCtrl scope NavList function scope NavList sco

  • 如何销毁角度工厂实例

    一方面 我有几个工厂 每个工厂都控制一个 websocket 另一方面 其中一个工厂应该在客户端登录时启动 因此 if user isLogged injector get NotificationsWebsocket 这就是我动态初始化工

  • Angular.js：如何从无序列表中获取 orderBy 或过滤器来工作？

    尝试根据价格和评级 在返回的对象中 进行排序 我宁愿用 ng click 和 li 来代替使用选择菜单 有没有办法做到这一点 我环顾四周 这是我能想到的最接近的 ul class restaurant filter li i class i

  • 在 Angular 中让多个调用等待同一个 Promise

    我在一个页面上有多个使用相同服务的控制器 为了举例 我们将服务称为 USER 第一次调用 USER getUser 时 它会发出 http 请求来获取有关用户的数据 调用完成后 它将数据存储在 USER data 中 如果再次调用 USER

  • Protractor+AngularJS+Jasmine - 测试按住项目

    AngularJS 和 Protractor 非常新 但我认为到目前为止我正在朝着正确的方向前进 我的网站有一个项目列表 当您单击该项目并按住 X 秒时 它会打开一个模式窗口 我如何在 Protractor Jasmine 中模拟这种行为

  • 使用 JS 在 Angular 中创建删除按钮的确认警报

    我有一个带有删除按钮的表单 我想创建一个单击删除按钮时弹出的确认框 删除按钮当前有效 我在 javascript 中尝试了一些方法 但没有成功 我正在使用角度 这是最好的方法吗 另外 有谁知道这方面的任何例子 我还没有找到任何有效的例子 d

  • AngularJS：Array.prototype.find() 在 Chrome 中不起作用

    我遇到一个问题 我的角度代码可以在 Firefox 中工作 但不能在 Chrome 中工作 浏览器控制台打印如下 TypeError undefined is not a function at setSelectedColor http

  • 如何制作没有 ng-repeat 的模板并使用 Angular-drag-and-drop-lists 将数据传递到 $scope？

    我想用角度拖放列表 https github com marceljuenemann angular drag and drop lists使用我自己的网格模板到所见即所得编辑器 如何构建我自己的 HTML 模板而不需要ng repeat因

  • 如何在 angular-ui 中动态禁用 ui-sortable 指令

    我正在使用 Angular ui 使用 ui sortable 指令进行排序 是否可以根据范围状态动态启用 禁用可排序功能 因此 我需要一个按钮来更改范围属性的状态 并且根据此属性可排序是否应该工作 角度指令支持观察可排序选项何时发生变化

随机推荐

  • 如何使用带有“transfer-encoding: chunked”的 winhttp api

    我正在尝试将一些数据发送到需要 传输编码 分块 标头的网络服务 它可以很好地处理普通的 POST 请求 但一旦我添加标题 我总是会得到 由于以下情况 内容无法交付 收到客户端的无效请求 这是发送请求的部分 std vector

  • 不同保护条件下的状态转换

    在状态模式中这是如何建模的 当当前状态为 A 时 在触发器 X 和条件 C1 上状态 A 到状态 B 当当前状态为 A 时 在触发器 X 和条件 C2 上状态 A 到状态 C 这通常是如何实现的 我有很多可能需要实施的守卫条件 这是相当标准

  • Android Google Cloud Messaging (GCM) 和不匹配的发件人 ID

    我正在尝试在我的 Android 应用程序中使用 GCM 服务 为此 我使用了 android 文档http developer android com guide google gcm gcm html http developer an

  • 如何从前端使用 AWS CloudWatch Logs 提交简单日志？

    经过大约 1 小时的搜索 我没有找到任何有关 如何向 AWS CloudWatch Logs 提交简单日志 的信息从前端侧 几乎所有示例都是针对 Node js 的 但我需要从前端提交错误 而不是从后端提交错误 我什至没有找到应该用于前端的

  • 具有自定义集合属性的 JPA 投影

    我们正在使用 Spring Data 并尝试使用子查询创建自定义查询 结果投影有一个数组和其他属性 我们的问题在于子查询数组 public interface ProfesionalRepository extends JpaReposit

  • 安排复杂功能更新

    我在 Apple Watch 上有一个自定义复杂功能 我试图每小时更新一次 它应该每小时 ping 一个 API 端点 如果数据自上次检查以来发生了变化 则应更新复杂性 这是我目前所拥有的 似乎只有一次的效果 当它起作用时 它确实会 pin

  • Mojolicious：我应该使用一个还是多个 websocket？

    我正在自学 Mojolicious 和 websockets 到目前为止 我已经有了一个网页 它显示数据库中的行 并具有用于添加 删除和更新行以及选择用于排序的列的按钮 目前 它在每个按钮的 javascript onclick 处理程序中

  • 运行SpringBootTest时访问H2控制台

    如果我正在运行测试 SpringBootTest有什么办法可以访问H2控制台吗 我有一个访问 H2 数据库 成功 的测试 但如果我想自己检查数据库 我该怎么做 我首先运行测试webEnvironment DEFINED PORT and h

  • 声明与定义

    在 C 中 声明与定义有何不同 即 类声明与类定义 变量声明与定义 方法参数声明与定义 在 C 中 这是相当明显的 但在 C 中 从 ECMA 标准和 MSDN 可以看出 一切都是声明 并且在使用定义一词的地方 它与声明具有相同的含义 在使

  • 什么是 boost::asio::ssl::context::load_verify_file 以及如何使用它？

    有一个谨慎的小量 boost asio ssl http en wikipedia org wiki Transport Layer Security小型 C 在线教育代码库 甚至更少boost asio ssl context load

  • Java FX 8 - Tableview 显示对象内的对象

    我正在尝试加载一个表格视图来自对象列表的组件 在我的例子中是客户端对象 一个客户端对象包含一个Address对象和反之亦然 这Client和Address对象定义如下 public class Client private String f

  • 如何在 SequelizeJS 中创建模型时设置额外属性？

    我的模型 Recipe id name Ingredient id name Recipe Ingredient recipeId ingredientId quantity 我的协会 Recipe belongsToMany Ingred

  • 不使用 Django 的 Python 数据库（适用于 Heroku）

    令我惊讶的是 我没有发现其他地方提出过这个问题 简而言之 我正在编写一个应用程序 计划部署到云 可能使用 Heroku 它将执行各种网络抓取和数据收集 它将位于云中的原因是 我可以将其设置为每天自行运行 并将数据提取到数据库 而无需我的计算

  • 提交表单后如何关闭浏览器选项卡？

  • 如何在 Haskell 中使 CAF 不是 CAF？

    如何将常量应用形式变成 而不是常量应用形式 以阻止它在程序的生命周期中保留 我尝试过这种方法 Dummy parameter to avoid creating a CAF twoTrues gt Bool twoTrues map Tru

  • FCM 通知在 iOS 应用程序中不起作用

    我正在我的应用程序中集成 FCM 通知和云消息传递 我已按照 Firebase 文档中提到的完全相同的步骤进行操作 即使我已经尝试过 FCM 给出的示例代码 它只是发出一些警告

  • 你能通过傅里叶变换计算原始信号的幅度/功率吗？

    使用 scipy fftpack fft 对一些样本进行离散傅立叶变换并绘制这些样本的幅度后 我注意到它不等于原始信号的幅度 两者之间有关系吗 有没有一种方法可以根据傅立叶系数计算原始信号的幅度而不需要反转变换 这是振幅为 7 0 且 ff

  • 让 div 填充空间

    我想在内容 div 的一侧放置两列 我遇到的问题是我希望柱子由 3 个部分组成 顶部和底部应该有固定的高度 但中间的高度会根据内容的高度进行调整 查看一列示例

  • 为什么我无法通过“docker-compose run web”命令运行 django 迁移？

    所以我通过 docker compose 部署 django postgres 和 nginx 容器 但我遇到了一个我似乎无法解决的问题 为了解决 Django 应用程序中的以下错误 我知道我只需要运行 Django 迁移 docker p

  • AngularJS：ng-model 未绑定到 ng-checked 复选框

    我在问这个问题之前提到过这一点 AngularJs 不将 ng checked 与 ng model 绑定 https stackoverflow com questions 14226439 angularjs doesnt bind n

热门标签