angular - Angular 4/2 使用 FormBuilder 我可以设置占位符和标签吗？

Question

我正在开发应用程序，其中控件的所有标签都来自数据库，我想要的是当我使用 Form Builder 绑定表单时，同时设置该控件的标签，并将其用作其中的占位符控制。

这是我想要的：

<label class="control-label col-md-2">
  {from form builder property}
</label>
<div class="col-md-3">
  <div class="form-group">
    <input type="text" 
      formControlName="LName" 
      class="form-control" 
      placeholder="{from form builder property}" />
  </div>
</div>

有没有办法以 4/2 角做到这一点？

Answer 1

您无法将占位符/标签值添加到 a 中FormControl，因此您无法在模板中访问 thm ..

只需从您从服务器检索的对象中获取它：

<label class="control-label col-md-2">
  {{ data.fieldLabel }}
</label>
<div class="col-md-3">
  <div class="form-group">
    <input type="text" 
      formControlName="LName" 
      class="form-control" 
      [placeholder]="data.fieldPlaceholder" />
  </div>
</div>

或者另一种方法是使用漂亮的ng-formly模块仅从 JSON 对象构建表单而无需编码模板。