Связывание 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 }).