程序员经验分享-hwhale

Angular 没有给出复选框的当前状态

2023-12-09

我已经开始构建一个 ToDo 示例应用程序。我面临一个奇怪的问题。 下面是待办事项列表的 HTML 代码。在该列表中，我为复选框设置 ngModel 并触发更改事件。

enter image description here

监听变化的代码。我只将当前状态打印到控制台。

enter image description here

看下图，您可以看到复选框的当前状态已选中，但在控制台中我得到了复选框的先前状态。

enter image description here

请告诉我实现该功能的正确方法是什么。


这是一个已知问题

这正在按预期工作。当更改事件发出时ngModelChange (the (...)部分[(ngModel)]尚未更新绑定模型：

也可以看看

  • https://github.com/angular/angular/issues/3406,
  • https://github.com/angular/angular/issues/6311

有不同的解决方法，例如使用event.target.value而不是模型中的值。

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

angular

Angular 没有给出复选框的当前状态 的相关文章

  • 使用 angular2 将图像上传到 asp.net core

    所以我有 Angular2 的 ASP NET Core 应用程序 现在我想上传图像 如果我将其上传为 byte 我就成功了 但后来我无法检查文件是否真的是后端的图像 所以我尝试寻找其他解决方案 我发现了这个关于文件上传的博客 https

  • 获取对组件树上某种类型的所有指令的引用

    我有一个复杂的场景 需要帮助 我有一个指令 称为TagDirective 它被放置在我的应用程序中的多个元素上 我有另一个指令 QueryDirective 需要引用的所有实例TagDirective存在于其宿主元素以及层次结构中其上方的所

  • Angular2 CLI Socket.io（第 3 方库导入）

    angular cli 0 0 39 node 6 2 2 os win32 x64 我尝试导入socket io 客户端 http socket io 进入使用生成的 angular2 应用程序角度 cli https github co

  • Angular 10 在从不同工作区渲染组件时使用库时无法读取 null 属性“bindingStartIndex”

    我创建了一个位于我的应用程序工作区之外的 Angular Library 结果是我有两个不同的工作空间 我的第一个方法是建立我的图书馆和链接 dist与我的应用程序的文件夹 这对于 ngserve 来说效果不太好 但无论如何我在渲染我的库组

  • 如何绑定 Angular 2 表达式和 TypeScript 方法？

    我想做的是在输入名字和姓氏时显示全名 这有效 h1 Hello lastName firstName h1 这不起作用 调用类中定义的方法的正确方法是什么 这也不起作用

  • 在 Angular 2 中将时间 hh:mm:ss 转换为 GMT 时间格式

    Input 时间 21 00 00 输出应该是 时间 2017年12月20日星期三21 00 00 GMT 0530 IST OR 时间 2017 12 20 21 00 00 您的输入是 21 00 00 将您的输入拆分为 使用下面的JS

  • 从 SERVICE 执行 COMPONENT 方法

    我正在尝试执行一个组件method from a 服务方式 我看到了另外 2 个线程 Link1 如何从服务调用组件方法 https stackoverflow com questions 40788458 how to call comp

  • 更新 firebase firestore 文档内的字段，无需手动编写字段键来更新 Angular

    我如何在我的 firestore 中更新文档而不在代码中精确写入我想要更新的字段 因为已经通过表单到达 假设 Angular 中的 HTML 标签已经带来了密钥和导入 要更新的那个 HTML Tags

  • 使用ngx-print打印图像的问题

    图像未使用 ngx print 打印 我不确定我在这里做错了什么 HTML

  • Angular4 - 如何确保 ngOnDestroy 在离开之前完成

    我有一个对象列表 用户可以单击其中一个 然后加载一个子组件来编辑该组件 我遇到的问题是 当用户返回列表组件时 子组件必须在 ngOnDestroy 方法中进行一些清理 这需要调用服务器来对对象进行最终的 修补 有时此处理可能会有点慢 当然

  • 我无法在项目中使用节点波本威士忌

    我尝试对 scss 文件使用 npm 模块 波本威士忌 我收到以下错误 with function var paths Array prototype slice call arguments return concat apply bou

  • 如何检测角度7中的url变化包括参数和查询参数

    我需要检测一个组件中路径参数和查询参数的 url 更改 path category key component CollectionPageComponent 最后的网址将是例如类别 T恤 or 类别 T 恤 页 2我需要根据类别获取所有产

  • 并行运行 Angular 和 AngularJS 框架

    我找到了描述如何将 Angular 2 组件集成到 AngularJS 中的资源 但所有这些都涉及像 Angular 项目一样设置 AngularJS 项目 需要 TypeScript 的转译器 需要 ES6 需要 import 语句 我想

  • JHipster：使用标准过滤实体 - 预期的 Angular 客户端方法

    我最近开始使用JHipster http www jhipster tech 感谢这个出色项目的维护者 在 JHipster 的当前版本 撰写本文时为 4 10 2 中 实体可以通过实体子生成器启用过滤 或者通过包含filter Entit

  • Angular2 中的 MVW 代表什么？

    我有很多介绍 MVC MVP MVVM 等的链接 但我没有得到一个可以说明 M 在 Angular2 中到底代表什么 V 在 Angular2 中到底代表什么以及 W 在 Angular2 中到底代表什么的信息 也许W有一个答案 那就是W代

  • 角 2 材料容器固定不工作

    我对 CSS 和 Angular 2 材质有疑问 任何固定定位元素的行为都不像固定在 md sidenav container 内 如果它不在容器内 则它可以正常工作 这是该问题的链接 只需将 md toolbar 复制并粘贴到容器内部 您

  • Ionic 3：菜单切换总是被隐藏

    我已经在 Ionic 3 中实现了汉堡菜单 但我遇到了一个问题 当我在 Android 设备上运行该应用程序时 汉堡菜单不断消失 即打开侧面菜单的按钮消失了 然而 这种情况只是偶尔发生 我尝试运行该应用程序 同时使用 Google Chro

  • 使用 ngrx 时 Angular 4 解析未完成

    我正在尝试在我的应用程序的解析中使用 ngrx 但由于某种原因它不起作用 这就是我之前获得它的方式 在我的解析路由中使用一个简单的服务 resolve return this service getData map data gt data

  • 如何通过方法添加标记，openlayers 4，Angular 4

    我想在我的地图中添加实时位置标记 作为第一步 我只想在地图中显示一个静态点 纬度 经度 或标记 由添加标记我的代码中的方法 这是我的代码 import Component OnInit AfterViewInit ViewEncapsula

  • 在 Angular 2 中的 for...of 指令中获取索引

    到目前为止 有没有办法获取可迭代对象的当前索引for ofAngular 2 中的指令 换句话说 相当于 index在 Angular js v1 中 代码示例 ul li index task label li ul 当然这段代码不起作用

随机推荐

热门标签