如何使用Angular 6反应形式绑定来绑定以下HTML标记？

Question

我正在使用Angular表单，请找到this working example。

我需要将此表单绑定到表单组和表单数组，然后取出模型并发送db以保存更改。我遇到了一个问题，当同一数据类型超过一次时，下拉框的更改会影响两个控件。

Answer 1

看来您没有正确实现@unless(empty())，因此您需要首先正确实现此功能。

通过这种方式，我的意思是您已经在组件中导入了!类，但是没有将其用作@unless(empty($rental->spec_sheet)) <a href="{{$rental->spec_sheet}} " target="_blank">Download Spec Sheet</a> @endunless 中带有数组内控件的控件（我想您想FormArray上的push / pop元素），这是正常情况。

关于如何执行此操作，我有written an article recently，但是如果您还有其他问题，也可以参阅Angular documentation。因此，按此顺序，您需要执行以下操作：

1. 将FormArray和FormGroup插入您的表单；
2. 如果需要双向数据绑定，请使用FormArray以及现成的“反应式表单”绑定。
3. 关于将json对象移出的问题，这很简单；在模板中使用FormArray，这将显示您的表单通过管道传递到json数据结构中。如果数据有任何问题，您可以在此处轻松地将其视为调试方法。

4. FormGroup，[(ngModel)]和{{ yourForm.value | json }}在实现时将输出干净有效的对象。

5. 将json数据发送到数据库。