Angular 将formControlName与<;span>;

Angular 将formControlName与<;span>;,angular,angular2-forms,Angular,Angular2 Forms,我有一个动态表单,它显示了我通过REST获得的多个数据集。 用户将编辑此数据集,然后稍后将其提交以将其发送回服务器 表单是使用FormBuilder.array()动态构建的,并在我的模板中通过formArrayName+*ngFor循环 每个数据集的一个属性是“上次更新的”信息,我希望与表格中的可编辑数据一起显示。现在我使用了一个带有禁用属性的字段,但这看起来有点难看 当我使用模型驱动的表单时,每个数据集都有一个{{{mf.lastUpdated}部分,它很好地显示了日期 既然我想使用反应式表

我有一个动态表单,它显示了我通过REST获得的多个数据集。 用户将编辑此数据集,然后稍后将其提交以将其发送回服务器

表单是使用
FormBuilder.array()
动态构建的,并在我的模板中通过
formArrayName
+
*ngFor
循环

每个数据集的一个属性是“上次更新的”信息,我希望与表格中的可编辑数据一起显示。现在我使用了一个带有禁用属性的
字段,但这看起来有点难看

当我使用模型驱动的表单时,每个数据集都有一个
{{{mf.lastUpdated}
部分,它很好地显示了日期

既然我想使用反应式表单,我就不能在
标记中设置
formControlName
——那么我应该如何在没有任何输入可能性的情况下显示信息呢

编辑 普朗克:


“last Used”(上次使用)字段-我想将其显示为“纯文本”,不带输入标记

这是一个老问题,但我面临同样的问题

formControlName仅适用于输入、选择和文本区域。任何具有“价值”属性的东西

我已经设法让它直接在html中使用一个丑陋的解决方法

 {{ctrl.get("lastUpdated").value}}
  • ctrl=是ngFor内部的抽象控件迭代器,通常为*ngFor=“let-ctrl theFormArray.controls;let-ndx=index”

  • lastUpdated=是要显示的字段


    • 一种不需要解决方法的可能解决方案是对输入使用属性
      readonly
      ,然后根据需要设置目标字段的样式(下面的内联样式仅用于示例)

      
      最后使用
      

      我的第一篇文章缺少什么?没有陈列柜。。。。我遇到问题的应用程序有点复杂,需要运行后端组件等等。我觉得问题很直截了当我想应该不需要展示。我试过
      ,但当然没用<代码>表单控件的无值访问器,路径为:“行->0->最新更新”是错误。这完全取决于您,如果您需要帮助,通常最好是向我们展示您的相关代码。这通常会吸引人们在看到代码时提供帮助,但你不是新手,所以你可能知道这一点。祝你好运!:)我知道你需要什么,但问题很简单。。。。“formControl元素值是否可以显示在输入元素以外的任何内容中”。。。。如果我举个例子,你会发现这个问题是多么愚蠢和简单。。。。。也许明天我会抽出时间来展示,但要么有人知道,要么没有人知道。。。代码不会“照亮”任何东西;)我添加了一个plunker…它对我有效。我同意这不是最漂亮的解决方案,但它是有效的。在我的场景中,我使用了类似:{{this.myModel.form.get(“username”).value}}nice+1,但仍在寻找更好的方法。
       <div>
           <label>last used</label>
           <input type="text" formControlName="_lastUsed" readonly style="border:0">
      </div>