Не удается прочитать свойство неопределенных реактивных форм Angular 5, раскрывающийся список с удаленными данными

Я пытаюсь заполнить формы Angular Reactive и пытаюсь заполнить раскрывающийся список данными с моего сервера. После извлечения данных в раскрывающихся списках отображаются все параметры, но с пустым текстом. В чем причина этого?

Моя маленькая версия моей HTML-формы

<form [formGroup]="new_element">
      <div>
           <input formControlName="title" />
      </div>
      <div>
         <select formControlName="question">
              <option *ngFor="let op of questions" [value]="op.questionId" >{{op.title}}</option>
         </select>
      </div>
</form>

моя возобновленная версия класса компонентов

questions: array<Question> = []
new_element: FormGroup;
constructor(private fb: FormBuilder,
            private new_elService: NewElementService,
            private question_service: QuestionService) {
     // get questions from server for select calling question_service.getAll() method which is an observable
     this.createForm()
}

createForm() {
     this.new_element = this.fb.group({
          title: ['', Validator.required],
          question: ['', Validator.required]
     })
}

Но тогда я получаю ошибку, которая является названием моего вопроса, что мне делать?

0 ответов

Другие вопросы по тегам