问题标签 [ngmodel]

我是 angular2 的新手，我希望有人可以帮助我解决为什么我的双向绑定不起作用的基本问题。我的 html 中有这个超级简单的代码，并且在我的 html 中添加了以下代码module.ts：

我遇到的问题是，当我在输入框中输入一个字符串时，"Hello {{username}}"它没有得到更新。但是当我只是在输入框之外单击时，"Hello {{username}}"将使用输入的值进行更新。

请让我知道我在这里缺少什么魔法:(。谢谢

你好！

我有几个复选框，我在 ngFor 中与 ngModel 绑定，但是如果我的标记包含在<form>标签中，UI 会意外工作。例如 [checked]="team.original“并且[disabled]="!group.internal"它应该不起作用。

https://plnkr.co/edit/yxngdinXlHD1G9ITeGLT?p=preview

谢谢！

编辑：

例如，您是否看到 [checked]="team.original" 和 [disabled]="!group.internal" 根据其价值，它们不起作用。同样对于“原始”列，我打印实际值-“假”，但检查了 chackbox。

我有一个简单的用户组件来检索用户的名字和姓氏。当用户单击提交按钮时，它将进行一个安静的调用并检索详细信息并传回我的用户对象。但是，目前还没有发生这种情况，我不确定出了什么问题。

当我在初始化期间手动启动模型时，表单将正确显示用户的数据。如果我从 Rest API 调用中检索并将值分配回表单，则不会更新表单。

我已经验证数据被正确检索，我的诊断方法还显示模型具有正确映射的响应数据。我试过 zone.run 但表单也没有更新。

更新 我发现原因是因为响应是一个对象数组。更改以下内容已解决该问题。

我不确定是否有任何方法可以确保我的服务始终返回 JSON 对象而不是对象数组？

用户服务.ts

我的用户组件-尽管诊断正确显示了数据

用户模型，fromJSON方法是将响应转换为我的用户模型。

我的组件

这是我的 html 模板代码：

有我的 validateFloat 方法：

那么当输入值时：

输入元素输出值：

但 groupInfo.discount 值为：

我不明白为什么 groupInfo.discount 值是12a？

我怎样才能使 groupInfo.discount 值等于输入元素的值？

我的包依赖项：

我正在尝试将$focused属性添加到我的输入字段（如$touched或$valid）。这是我当前的代码：

..它不工作。似乎$digest没有触发，并且使用 ngModelScope 所做的更改不适用于 dom。

HTML：