绑定JSON-FormGroup

Question

我有一个表单，我想以只读模式显示来自API（JSon文件）的数据。你有曲目吗？ 我举一个例子： 谢谢

<div class="col-sm-8 col-sm-offset-2">
  <form [formGroup]="userForm" (ngSubmit)="onSubmitForm()">
    <div class="form-group">
      <label for="firstName">Prénom</label>
      <input type="text" id="firstName" class="form-control" formControlName="firstName">
    </div>
    <div class="form-group">
      <label for="lastName">Nom</label>
      <input type="text" id="lastName" class="form-control" formControlName="lastName">
    </div>
    <div class="form-group">
      <label for="email">Adresse e-mail</label>
      <input type="text" id="email" class="form-control" formControlName="email">
    </div>
    <div class="form-group">
      <label for="email">Adresse address</label>
      <input type="text" id="address" class="form-control" formControlName="address">
    </div>
    <button type="submit" class="btn btn-primary">Soumettre</button>
  </form>
</div>

文件JSON

User:
    - User1:
        firstName: toto
        lastName: titi
        email: toto@toto.com
        address: 2 rue titi

Answer 1

在组件（.ts文件）中，一旦数据返回（通常在ngOnInit内部），您就应该能够执行this.userForm.setValue(data)。

关于将它们设为只读，我知道一个简单的方法是在创建FormGroup时将其设置为禁用。 userForm = new FormGroup({_property_names_}, { disabled: true })。