我有一个动态表单，它显示了我通过 REST 获得的多个数据集。 用户将编辑此数据集，然后只需提交它即可将其发送回服务器。
表单是使用 FormBuilder.array() 动态构建的并通过 formArrayName 循环+ *ngFor在我的模板中。
每个数据集的一个属性是“最后更新”的信息，我想在我的表单中显示以及可编辑的数据。现在我使用 <input>字段 disabled属性 - 但这看起来有点难看。
当我使用模型驱动表单时，我只有一个 <span>{{mf.lastUpdated}}</span>每个数据集的一部分，它只是很好地显示了日期。
现在我想使用响应式(Reactive)表单，我不能设置 formControlName在<span>标记 - 那么我应该如何在没有任何输入可能性的情况下显示信息？
编辑
笨蛋:http://plnkr.co/edit/JZIjXH9CagJNHLxK64fG?p=preview
“上次使用”字段 - 我想将其显示为“纯文本”而没有输入标签
最佳答案
它的主题是一个老问题，但我面临着同样的问题
formControlName 仅适用于输入、选择和文本区域。任何具有“值(value)”属性的东西。
我已经设法让它直接在 html 中使用丑陋的解决方法
{{ctrl.get("lastUpdated").value}}
ctrl = 是来自 ngFor 内部的 AbstractControl 迭代器，通常是 *ngFor="let ctrl of theFormArray.controls; let ndx=index"
lastUpdated = 就是你要显示的字段
关于angular - 将 formControlName 与类似 <span> 的东西一起使用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41705987/