问题标签 [angularjs-ng-checked]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
7 回答
142372 浏览

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

我在问这个问题之前提到了这个。

AngularJs 不绑定 ng-checked 和 ng-model

如果在侧面ng-checked被评估,则不会更新。我不能按照上述问题的建议,因为我必须为每个复选框使用一些样式。truehtmlng-modelng-repeat

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

http://plnkr.co/edit/YsOsPh3vjkPMUUDa6r2t

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

提前致谢!

0 投票
4 回答
28284 浏览

angularjs - ng-checked 和 ng-change 单选按钮不能一起工作 - angularjs

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

js

和 html

注意“2 Mile”无线电输入是根据半径范围结构检查的。为什么 ng-change 不触发该功能?

如果我添加 ng-model,该函数会触发,但 ng-checked 不起作用。

0 投票
1 回答
547 浏览

javascript - 单选按钮 ng-checked 默认情况下不显示 div,仅在单击时有效

我是使用 Angular js 进行 Web 开发的新手。我正在尝试使用类在 div 中显示和隐藏文本框。我有两个单选按钮"Yes""No"。因此,我试图在单击是时显示包含文本框的 div,并在单击否时隐藏。
现在,我正在尝试仅使用 ng-class 和 ng-model 而不是使用 ng-show /ng-隐藏。

当我使用 ng-checked="true" 默认单击单选按钮(说是)时,为什么不显示 div 并且仅在单击按钮时再次显示。ng-checked 不适用于 ng-class。
小提琴

0 投票
1 回答
1440 浏览

angularjs - 如何在 ng-repeat 中将 ng-model 和 ng-checked 一起用于单选按钮

我正在尝试从 url 获取角色数据(JSON)并使用 ng-repeat 将其分配给单选按钮(显示角色列表)并在 MODAL 中显示它。必须为当前分配给用户的角色选择任何一个选项。

当用户更改选择并单击确定时,应将选定的值分配给一个对象,该对象进一步传递给 URL 以更新用户的角色。

如果我使用,

然后它将已分配的数据显示为默认值,但我无法访问选定的数据,

如果我使用,

然后选择的角色在 中可用$parent.parentRoleId,但未选择默认值。

任何帮助都可以实现?

0 投票
2 回答
1390 浏览

angularjs - ng-checked 不适用于 ng-change 和 ng-model

我有一个复选框,只有当属性为假时才需要检查。我有下一个html:

检查/取消检查后,我需要更新数据库,这不是预期的行为。基本上,如果 IsProject 为假,则必须对其进行检查。如果未选中,则 IsProject 值必须变为 1。

0 投票
1 回答
4692 浏览

angularjs - 当在javascript中更改模型时,AngularJS ng-checked 没有更新复选框

我有一个过滤的对象列表,使用 ng-repeat 重复,每个项目旁边都有一个输入复选框。当列表未过滤时(就像加载页面时一样),我不希望选中复选框。如果列表被过滤,我确实希望选中复选框(复选框通过 CSS 形成树视图)。

该复选框具有 ng-checked="{{site.isChecked}}"。当列表被过滤时,我正在更新过滤器 javascript 代码中对象的 isChecked 变量,但这不会更新复选框值。如果该项目被过滤掉,因此它从屏幕中删除,然后再次过滤回来,更新后的 isChecked 值将进入屏幕。

HTML如下:

JS是:

抱歉,如果代码不是很漂亮 - 我是 AngularJS 和 JS 的新手,并且仍在尝试弄清楚事物是如何联系在一起的。

谢谢

0 投票
2 回答
5531 浏览

angularjs - angularjs复选框ng-checked不起作用

我有以下代码:-

如果我选择 Mary 或 Jane,我可以正确地看到他们购物篮中的正确项目被选中。但是,如果我手动检查所有水果,然后查看 Mary 或 Jane,它不会排除不在篮子中的项目。为什么 ng-checked 失败?

额外的问题,将 selectedBasket 设置为 null 并在指令中检查 null 是否是最佳做法,假设我不需要任何默认值,有没有更好的方法?

0 投票
2 回答
356 浏览

angularjs - Angularjs ng-checked 行为不一致

我正在使用 angularjs,并且有一个表单的编辑视图,我正在尝试绑定以前使用的值。下面是我的代码/HTML。我也为此使用打字稿和控制器作为格式。

HTML:

用于获取 Foo 的 Typescript JS

我得到了所有的值,一切都是绑定的,除了单选按钮,我可以在 html 检查元素中看到 checked="checked",我还在 html 中输出了表达式,这也是预期的,但我看不到收音机多次选择(收音机中的点),有时有效,有时无效。类型在不同时间加载,Foo 在不同时间加载。

0 投票
2 回答
2933 浏览

angularjs - 如何根据AngularJs中的另一个复选框状态选择复选框?

下面是我的场景。

我有 2 个名为 A 和 B 的复选框,它们位于 ng-repeat 元素内。这两个复选框的可能状态是

  1. 当 A 为真时,B 既可以是真也可以是假
  2. 当A是假的,B永远不可能是真的。

下面是我尝试使用 ng-checked 的代码,但由于 ng-checked 不允许 ng-model 与它一起使用,我无法提出解决方案。

注意:我需要在我的模型中捕获这两个复选框状态

上面的代码使用了一个指令v-check,它只是一个复选框。

v-check编辑:我的指令 模板:<label class='checkbox-inline'><input ng-model='ngModel' type='checkbox'>{{text}}</label>

提前致谢。

0 投票
0 回答
452 浏览

angularjs - 修改数据后 Ng-checked 不更新

我对 ng-checked 组件有以下问题:我有一个条目列表,其中包含在 html 模板中传递的选中属性。最初,这些条目在检查时带有 false,但在处理一些数据后,该值设置为 true。虽然我修改了数组并且我在该指令上设置了一个手表,但检查的值没有更新(设置为 false)。我不知道我错过了什么。模板 :

控制器 :

数组传递给指令:

数组更新的部分:

整个指令:

});

更新手表部分中的数组后,我看到检查为 true 的值,但在 html 中,ng-checked 属性仍然为 false。

谢谢,维奥