Не удается прочитать свойство неопределенных реактивных форм 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]
})
}
Но тогда я получаю ошибку, которая является названием моего вопроса, что мне делать?