Нет доступа к значению для управления формой с именем: ''

Question

Ошибка: нет доступа к значению для элемента управления формы с именем: 'sNo'

он не находит formCOntrolName в моем DOM

сторона компонента

this.form = new FormGroup({
 'sNo': new FormControl,
 'question': new FormControl,
 'options': new FormGroup({
   'op': new FormControl,
  })
    });

HTML сторона

<form [formGroup]="form">
      <div *ngFor="let data of currentQuestionsValue">
        <div *ngFor="let d of data.items ">
          <strong formControlName="sNo"> {{ d.sno }}). </strong>
          <span formControlName="question">{{ d.question}}</span>
          <div>
            <form formGroupName="options">
              <label *ngFor="let key of objectKeys(d.options)" formControlName="op">
                <input type="radio" name="option" [value]="d.options[key]">
                <span>{{ d.options[key] }}</span>
              </label>
            </form>
          </div>
        </div>
      </div>
    </form>

Answer 1

Вы не можете применить директиву formControlName к тегу strong. Он должен быть применен к тегу поля формы (select, input, textarea) или к пользовательскому компоненту, который реализует интерфейс CustomValueAccessor.

Answer 2

Вы должны использовать formControlName="sNo" на входе, а не на strong