问题标签 [angular2-ngmodel]

在这里，通过在 ngFor 中使用 ngModel，我可以显示数据，但是如果我想更新/编辑这个显示数据，那么该怎么做呢？

在这个 updateUser 函数中，我想更新数据。但是当我这样做时，它向我显示了cmp未定义的错误。那么如何使用来自[(ngModel)]=cmp.namepost 方法的值呢？

有没有办法在 ngModelChange 上获取字段的上一个（最后一个）值？我所拥有的是这样的

HTML

处理程序

我得到的是

当然我可以使用另一个变量来保留旧值，但是有更好的方法吗？

我正在尝试初始化嵌套组件中的默认值，但本机 HTML 元素永远不会更新。

我已经尝试过构造函数和ngOnInit。AfterViewInit和AfterViewChecked抛出一个错误，即在更改检测后存在值操作。

根模板：

子模板：

子组件：

我想我错过了一个小细节。

http://plnkr.co/edit/F9pfUQ50YPV5UPiH0kw7

我正在尝试创建一个允许您编辑当前选定任务的表单。表单填充来自所选任务的数据。

我有ngModel用于两种数据绑定的复选框。

我也有ngFor用于ngModel双向数据绑定的复选框。

ngModel不使用的复选框的ngFor行为方式符合我的预期。如果复选框更改（选中/未选中），它将重置为在点击取消按钮后最初设置的值。

__________我的问题是______________

使用ngModelwith的复选框ngFor表现不同。如果复选框更改（选中/未选中），它会在点击取消按钮后保留当前设置的任何值。

如果单击取消按钮，我希望它重置其值。

__________问题__________

为什么内部ngFor的复选框与不在内部的复选框的行为不同ngFor？

__________下面的代码______________

检查 Plunker 演示

组件 task.component.ts

HTML task.component.html

我在我的一种形式中使用了 JQuery 输入掩码[(ngModel)]，但由于某种原因，它们不能一起工作。单独使用其中任何一个都可以正常工作，但是将两者结合起来会完全中断[(ngModel)]，并且新输入不会被发送回组件。在为此苦苦挣扎了一段时间后，我认为使用 Angular 2 的管道将是一个很好的解决方案，但是我也不知道如何让这两者一起工作。

这是我用来测试管道的一些代码

如果我输入 12345，<p>下面的标签将显示 12,345.00，这正是我希望它过滤的方式，但我不想让过滤后的数量低于输入，我希望输入本身显示 12,345.00。将相同的管道添加到ngModel这样的：[(ngModel)]="Amount | number:'1.2-2'"给我以下错误。

解析器错误：在 [Amount | 中的第 10 列的操作表达式中不能有管道 数字：'1.2-2'=$事件]

如何在输入中使用管道（或输入掩码）[(ngModel)]？

我有 JQuery UI 的 datepicker 在我的 angular 2 应用程序中工作，但是它没有更新我的ngModel. 我有一个名为 的变量SeasonStartDate，我想将其更新为用户输入的任何日期。当我在日期选择器中选择一个日期时，例如 10 月 31 日，我的输入将填充 2016 年 10 月 31 日，正如我所期望的那样，但ngModel没有成功更新。

这是我的输入：

我Date: {{SeasonStartDate}}在输入下方添加，以便我可以测试该值是否正在更新。

这是我的组件中更新值的代码：

如果我删除date-picker类（启动日期选择器所需的）并且我只是手动输入输入，SeasonStartDate将按预期更新，所以我知道我的其余代码有效，它只是日期选择器最终破坏它。如何让ngModelJQuery UI Datepicker 一起工作？这可能吗？我知道还有其他专门针对 Angular 2 的日期选择器，但如果可能的话，我更喜欢 JQuery 的版本。

我在这样定义的组件中有这些属性。

然后我有一个表单，它根据 currentDefinition 显示数据，设置如下：

表单输入字段使用 ngModel，如下所示：

这意味着只要我编辑其中一个输入字段，底层的 currentDefinition 和 userDataDefinitions 就会立即更新，正如预期的那样。我的问题是，如果我希望仅在某个操作（例如表单提交）时更新底层模型，我应该怎么做？我应该克隆 currentDefinition 吗？我不应该使用 ngModel 吗？

实现此结果的正确 angular2 方法是什么？

非常感谢

问候

在我的项目中，一个产品可以有多个价目表。每个价目表可以包含该特定产品的不同价格。当我编辑一个产品时，我想根据他们的价目表获取该产品的所有价格。我可以成功地获取所需的数据，显示它并且（某种）2方式将它绑定在模板中。我尝试以两种不同的方式绑定它，但仍然无法正确绑定它。它似乎只绑定到数组的最后一个索引。我想在输入字段中显示正确的值。因此，如果用户更新价格，它可以被更新。我希望在输入字段中显示与表格中显示的相同的数据并绑定它。您可以查看图像和代码后了解更多。

图片

代码

添加产品组件

HTML

我一直在尝试使用 ngModel 对输入元素进行单向和双向绑定。

我希望从视图绑定到模型，以捕获用户输入。我可以通过在组件中创建变量（例如someVar ）并使用[(ngModel)]="someVar"在相应的视图模板中绑定到它来完成此操作。

我知道这是[ngModel]="someVar"和(ngModelChange)="someVar=$event"的语法糖。

但是，如果我省略模型来查看绑定，即[ngModel]="someVar"，那么someVar的值仍然未定义。

我无法理解这种行为，因为忽略模型绑定的视图不会导致任何问题。

我想将角度 2 中的选择的默认选项设置为“选择一个选项”。这是我到目前为止的代码：

HTML

打字稿

我的 html 中有一行：

如何将其作为默认选项启用？它与我与 ngModel 一起使用的数组是分开的