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>

有没有办法在 angular 4/2 内完成？

Answer 1

您无法将 placeholder/label 值添加到 FormControl，因此您无法在模板中访问它们..

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

<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 个对象构建表单，而无需编码模板。

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

Angular 4/2 using FormBuilder can I set place holder and label?

angular

angular-forms