问题标签 [angular-template-form]

我有几个问题，比如“什么是东西”和 4 个单选按钮作为答案。所以它就像<ul>DOM 中的 3 个生成的 s。但问题是，当我单击某个单选按钮时，它会选择另一个问题中的单选按钮。如何解决这个问题？是有价值的东西吗？或者它需要有一些唯一的索引？

代码：

我想计算这样total= quantity*price的东西：并更新total时间quantity或price变化。

模板输出快照

app.component.html

app.component.ts

当我更改quantityorprice时， 中没有任何变化total。

任何人都可以提出任何想法或解释我的代码中的问题吗？

谢谢

我在网上尝试了很多方法，但我无法让它工作。这是我的组件。onSubmit，一个建议是使用 NgbActiveModal 关闭但我收到错误

“错误错误：未捕获（承诺）：错误：StaticInjectorError（AppModule）[UserstuffComponent - > NgbActiveModal]：StaticInjectorError（平台：核心）[UserstuffComponent - > NgbActiveModal]：NullInjectorError：NgbActiveModal没有提供者！”

这是我的html。

这是我导入到 app.module.ts 中的 user-view.module.ts。

在这个 plunk中，我有一个 Angular 表单，其中包含一个输入字段，后跟一组输入字段。我需要验证这些字段中的任何一个都不为空。

单个字段效果很好，但我正在努力验证字段数组，Error: Cannot assign to a reference or variable!显示表单时出现错误。任何想法如何解决笨拙的尝试？

我需要一个简单的表单，但有 2 个以上的用户查看相同的表单并更改数据。例如，多个用户可以从 100 个固定项目的列表中选择项目。一旦任何用户选择了该项目，该项目将不再可供其他用户使用，并且所有用户都应该能够看到哪些项目已被选择。

结果会将所有项目分配给各个用户，这样项目 1、3 和 4 可能属于用户 1，项目 2、9 和 20 可能属于用户 2，依此类推，直到所有项目都被选中。

当然，现实情况可能是大多数时候一次只有一个用户访问数据表单，而且访问时间很短，因为用户的选择将简单快速，并且选择范围缩小到剩余的项目。

不同的用户组将仅将表单与他们的特定项目一起使用。即A组有100个项目可供选择，B组有100个项目可供选择，等等。

我正在学习 Angular 7 并计划使用该版本。

在我看来，不变性和可观察流很重要，因此 Reactive 可能是最佳选择。那是对的吗？

我正在尝试开发一个 Web 应用程序，它向用户显示一组问题。问题根据类别进行隔离。该应用程序是使用 Angular6 开发的。使用后端 REST 服务获取问题。在客户端创建一个接口来模拟 REST 响应结构，该结构具有多个子接口来支持复杂的内部结构。响应将被映射为此接口的列表。以下是接口的结构。

我的意图是迭代List<ICategoryQuestion>，显示带有所有选项的问题，并使用用户选择的选项填充selectedAnswer。

由于我在整个应用程序中都遵循 ReactiveForm 方法，因此我想创建一个具有类似结构的FormGroup，假设它可以帮助我轻松地将selectedAnswer映射回列表。这将有助于使用另一个再次接受List<ICategoryQuestion>.

现在真正的挑战是创建一个具有相似结构的FormGroup 。起初，我创建了一个包含整个List<ICategoryQuestion>.

现在我必须控制数组（categoryQuestionList），然后将类别填充到它。

代码是类似的东西。

现在 categoryQuestionFormGroup 又有一个，它内部又保存了一个IOptionsList<IQuestionAnswer>数组，这会使代码更复杂。

您认为处理此类情况的理想方式是什么？我想在这里使用模板驱动方法吗？我什至怀疑我是否遵循正确的方法，因为我是 Angulat 2+ 的新手。

好心提醒。

在我的应用程序中，我得到了用户的名字、姓氏、电子邮件、手机和密码。在用户帐户信息页面中显示字段 firstName、lastName、mobile、gender、email、street1、street2、省、郊区、postalCode。当我进入账户信息页面时，它只显示名字、姓氏、电子邮件、手机和性别。注册用户立即从 API 获取数据的方式如下。

但如果有任何地址数据，地址将显示为属性内的对象。我在每个未显示的字段的 div 中设置了 *ngIf="model.address"。我需要一种显示隐藏字段的方法。如果我从一个字段 (postalCode) 中删除 *ngIf="model.address"，则会出现错误“TypeError: Cannot read property "postalCode" of null”。我的模板如下。

我的 .ts 文件如下所示。

如果我在 postalCode 的 div 标签中添加 *ngIf="model.address" 它不会给出错误但不会显示。

我有一个输入字段，其输入应该是一个正数。

positiveNumber()返回一个正则表达式。我将它的字符串值存储在一个变量中。这是在 OnInit 生命周期钩子中完成的。

但是当我输入一个正数时验证失败。

如果我将正则表达式硬编码为模式指令，它就可以正常工作。

这是什么原因？

在我的 Angular 应用程序模板驱动表单中，我有一个出生日期字段，并为给定的字段添加了 ngbDatepicker。

我正在获取后端 API 的出生日期，dob: "2019-02-16 00:00:00"并且我想像下面这样传递该值，

因为 ngbDatepicker 以该格式获取值。这就是我试图转换我的出生日期的原因。

输出是{year: "2019", month: "02", day: "16"}，我想从此输出中删除引号。我已经尝试了很多方法，但无法获得所需的输出。我可以{"year": 2019, "month": 02, "day": 16}使用下面的代码得到这个输出。

但是要设置日期，我需要像这样设置对象。{year: 2019, month: 2, day: 26 }

我想在提交表单后显示一个按钮，但是，它显示验证计为“已提交”，false如果验证失败，则不显示该值。

我的微调器是部分的

这导致显示我的微调器按钮，尽管没有发送任何内容，因为表单已提交，但无效。

我错过了什么吗？

单击没有详细信息的提交 - 验证失败，但仍将表单标记为submitted

通过验证现在显示我的微调器，但立即（submitted真，valid真）