问题标签 [angular-ngmodel]

我有一个场景，我需要知道传递给函数的模型的值和名称。

我尝试了以下

以下代码负责调用该函数

在 HTML 中，我有如下代码

当我点击 html 中的单选按钮时，我得到了o/p De 和 fff，但我需要的是o/p De 和 rad

查看plunker 代码并检查指令kmRadio

我想用 ng-model 验证多个元素。当它们中的每一个都为真时，执行一个动作。

这可能吗？

我正在创建一个指令，我想在其中比较存储在模型中的值（比如“名称”作为模型，它的值是“Angular”）存储在变量中。

我尝试了类似下面的东西，

但它（nameValue）没有值“Angular”

谁能告诉我如何检索存储在模型（ng-model）中的值

为什么 ng-Model 值未显示更新后的值

请检查我下面的代码

JS

HTML

当我点击收音机时，我应该收到警报消息“aaa”，但我收到消息“xx”。

谁能告诉我哪里出错了

我想创建/使用 AngularJS 指令来避免创建一些多余的 HTML，并简化我使用 Bootstrap 元素的方式。我想以这种方式使用指令：

我希望 AngularJS 编写的模板是：

我将如何声明一个指令以能够创建此模板并让与 ng-model 的绑定仍然有效？有什么理由说明这不是一个好主意吗？

谢谢。

更新

我添加了标签标签以反映 id/name 将如何用于输入元素。生成的模板将允许您单击标签并将焦点放在输入元素上。

我已将我的选择元素定义为（Jade 语法）

其中 selectItems 是具有“值”和“名称”字段的对象数组。

如果可能的话，我想保留这个符号，因为它非常紧凑。但是， ng-model 字段最终只有选定项目的值。但是，我需要它的值和名称。我如何继续获取文本（也就是上面代码中的“c.name”）？

In my HTML page, I have two sets of Boolean based radio buttons: Labeled: "Yes" and "No" / Values: True and False respectively. I'm populating a full form from a PostgreSQL database table to allow the authenticated user to view the form with populated data and edit the populated fields including the radio buttons, then save the form which will save the data to the DB. All of the other text fields populate without issue; it's both collection of radio buttons I am having an issue with pre-checkmarking the radio buttons.

The below does not pre-populate the checked on front end (but adds the correct attribute of checked in HTML source):

However, this does check the correct radio button on load:

Note: I needed to check against the string boolean value in the directive ng-checked since the boolean value always comes back as a string from PostgreSQL. This, apparently, was a part of PostgreSQL's design when querying data from columns that have boolean data types.

When adding the ng-model directive, the radio button no longer is checked (at least in the rendered browser view). The odd part is that I looked at the source and it clearly checks the correct one. What's even more odd, is that I have to click on the radio button twice to 'check' it. I've tested this in latest version of Chrome, FF, and IE and it all results in the same issue.

The question is: when adding the ng-model directive, why would the HTML source add 'checked' in the radio button attribute, but seemingly does not mark the radio button? Furthermore, why would I have to click twice on the radio button that IS supposed to be checked?

Solution: To fix this, I removed the ng-checked directive from the radio buttons and only used ng-model as suggested by @Cypher and @aet. I then replaced the attribute value with the directive ng-value "true" & "false". After, I set the values in the controller.

HTML

Angular JS

我有一个采用以下形式的数据模型人员：

在我的标记中，我定义了以下内容以动态生成单选按钮。

我希望能够检查在页面加载时选择为 true 的文档，然后根据用户选择的内容将所选标志保存在我的 personsInfo 模型中。

我的意图是将personsInfo 模型发送回另一个页面。

如果有人能指出我的工作小提琴，将不胜感激！

谢谢！

我的视图中有以下输入字段

我现在想要的是将模型变量 total 设置totalClicks为不会反映到 UI 的初始值，除非用户进行输入。

如果我初始化

或者

然后占位符正确显示，直到用户进行输入。但是，模型变量 totalClicks 不会更新，并保持初始化状态。

如果我将其设置为

然后0显示在输入中，占位符不显示，但模型已更新。

有什么建议吗？

更新：

添加

现在占位符在页面加载时显示，但在我更改输入时$scope.funnel.totalClicks仍然存在9

更新#2： 这是一个关于 plunker 的例子。有 2 个文本框绑定到同一个模型，因此当我在一个输入框中更改模型时，另一个也应该更改。（示例包括离子框架） http://plnkr.co/edit/F4fOGMBA8eFJ9vdyuDvm

我有一个基于鼠标滚轮更改值的文本框。（增加/减少其中的数字）

我通过 jquery 实现了这一点。

但是 Angular 不会响应通过 jquery 所做的更改。

http://jsfiddle.net/Xxw8N/

仅当我手动输入值时才有效。

有没有办法让 Angular 响应 jquery 更改输入值？