问题标签 [angular-forms]

假设我像这样创建 FormGroup

然后我打电话给...

或者

打不开，求大神帮忙。。

有人可以帮我找出为什么在我提交表单后我的值最终返回小写字母

从 '@angular/forms' 导入 { FormGroup, FormControl, Validators }；

这是我的代码

组件.ts

大写的.directives.ts

组件.html

这是输出 | 如您所见，它在我的数据末尾显示小写值。

我知道有人问过类似的问题，但我没有找到一个好的答案。我想在 Angular 表单中创建一个选择列表，其中每个选项的值都是一个对象。另外，我不想使用 2 路数据绑定。例如，如果我的组件有这些字段：

我希望我的 HTML 模板包含以下内容：

但是，使用此代码，我的 setNewUser() 函数会接收所选用户的 Name 字段的内容。为什么它选择那个特定的领域，我不知道。我期望它会收到所选选项的“值”，我专门将其设置为用户对象。

请注意，我在选项中使用了 ngValue 而不是 value。这是其他人对 SO 的建议。如果我改用 value，会发生什么情况是对象被转换为字符串 '[Object object]'，这是 setNewUser() 接收的，这是没用的。

仅供参考，我正在使用 angular 4.0.0 和 @angular/cli 1.1.2 在 Windows 10 上工作。这是 setNewUser() 方法：

我正在确定我的日志记录以及在模板中包含的确切传递给它的内容：<pre>{{curUser}}</pre>

我不确定这是否是预期的行为；我有以下内容：

当我提交表单时console.log(this.formGroup)， 的errors对象name AbstractControl为空。我预计它应该有一个Objectwith required: true。我哪里错了？

我正在尝试创建我的第一个 Angular 2 应用程序。和往常一样，我立即遇到了我想要创建的模型的麻烦。我有一个用于在 artilces 之间创建父子关系的模型。例如：我想在我的购物篮中添加一篇文章，其中包含一些子对象，如下所示：

在打字稿中，我为我的文章定义了一个接口。子对象有自己的界面，但略有不同。

因为这些子对象是一个小的固定集，所以我想使用下拉列表添加这些子对象。我希望这些对象在单击时显示为带有移除的按钮（可选的模式弹出窗口带有“你确定”问题）。所以我认为下拉列表旁边的按钮应该将下拉列表值添加到数组中。当我将值添加到普通类型的数组时，这工作正常。但现在我想把这个数组包装成一个“反应形式”。

有人可以帮助我如何在这些反应式表单中使用数组以及如何将它们包装在 formcontrol 对象中。我查看了 FormArray“控件”，但不确定这是否是我正在寻找的。它缝合了一个 FormControls 数组，而不是一个数据数组。也许 Reactive Forms 不是正确的决定？希望有人能让我走上正轨。

我的html模板如下（从代码中剥离的引导代码）

亲切的问候。

------ 打字稿代码：

我正在开发一个 Angular 4.x 项目，并且有 2 个页面的路由配置正确。

在 page1 上，我订阅了 NgForm 的 valueChanges，如下所示：

加载 page1 时，我可以看到“ Is myNgForm valid ? false ”。

然而，当点击链接进入page2时，我发现myNgForm1.valueChanges又被触发了，现在我可以看到“ Is myNgForm valid ? true ”

有什么想法可以避免在导航到不同页面时触发 myNgForm1 的 valueChanges 吗？谢谢！

我在 Angular 4 世界中很新，我正在尝试在 Angular 4 的 Angular Material design 中的 md-table 组件中为每一行添加“编辑/删除”按钮和标题列是“操作”。我该怎么做这个？每行的自定义标题列和按钮。有什么模板可以做到这一点吗？下面是我的 HTML 代码。

用户信息.html

我在 Angular 4 中创建了一个 formGroup，其中用户和组织存储在对象中。现在我想使用这两个对象填充我的表单组。在我的 ts 中，我做了以下事情：

在我看来，我正在做这样的事情：

但我收到以下错误：

formGroup 需要一个 FormGroup 实例，请传入一个

任何输入？

最初将值添加到表单时，gradingKey.currentAnswer 未绑定到单选按钮。

为什么它不起作用？

这在 angular 4 之前工作过一次，请参阅：How to set the selected radio button最初 in *ngFor on radiobutton group

HTML

零件

模型