angular – 使用formControlName
发布时间：2020-12-17 17:51:20 所属栏目：安全 来源：网络整理
导读：我有一个动态表单,显示我通过REST获得的多个数据集. 用户将编辑此数据集,然后稍后将其提交以将其发送回服务器. 表单是使用FormBuilder.array()动态构建的,并通过我的模板中的formArrayName * ngFor循环. 每个数据集的一个属性是我想要显示的“最后更新”信息
|
我有一个动态表单,显示我通过REST获得的多个数据集.
用户将编辑此数据集,然后稍后将其提交以将其发送回服务器. 表单是使用FormBuilder.array()动态构建的,并通过我的模板中的formArrayName * ngFor循环. 每个数据集的一个属性是我想要显示的“最后更新”信息以及表单中的可编辑数据.现在我使用< input>具有禁用属性的字段 – 但这看起来有点难看. 当我使用模型驱动表单时,我只有一个< span> {{mf.lastUpdated}}< / span>每个数据集的部分,它只是很好地显示日期. 现在我想使用反应式表单,我不能在< span>中设置formControlName.标签 – 那么我应该如何在没有任何输入可能性的情况下显示信息？ 编辑 Plunker：http://plnkr.co/edit/JZIjXH9CagJNHLxK64fG?p=preview “上次使用”字段 – 我想在没有输入标记的情况下将其显示为“仅文本” 解决方法
它主题是一个老问题,但我面临同样的问题
formControlName仅适用于input,select和textarea.任何具有“价值”属性的东西. 我已设法直接在html中使用丑陋的解决方法 {{ctrl.get("lastUpdated").value}}
> ctrl =是来自ngFor内部的AbstractControl迭代器,通常是* ngFor =“让ctrl of theFormArray.controls;让ndx = index”> lastUpdated =是您要显示的字段 （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |