Angular 5 запрос GET заполняет поля формы
Как мне заполнить поля формы информацией из запроса GET? Если пользователь вводит идентификатор объекта в API, все поля (имя, возраст, телефон и т. д.) Должны быть заполнены соответствующей информацией этого объекта.
Я использую Angular 5 и Bootstrap для этого проекта. Запрашиваемый мной API имеет объекты в формате JSON, и я могу отправить запрос POST на сервер (в форме объекта JSON).
В настоящее время мой запрос GET ни на что не отвечает. Нет выходов в консоли или приложении, и я не уверен, почему (Angular 5 запрос GET не отвечает). Приветствуется любое указание в правильном направлении!
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 2
Сначала создайте службу, чтобы сделать остальные вызовы, служба должна иметь @Injectable () и быть предоставлена в вашем модуле. Вы также должны импортировать FormsModule и ReactiveFormsModule.
@Injectable()
export class SomeService {
constructor(private http: HttpClient){}
getSomeDataDude() {
return this.http.get('someUrlDude');
}
}
Затем в своем компоненте вы подписываетесь на указанную услугу, в вашем случае я предполагаю, что на ngOninit или, возможно, даже на блокировку разрешения для извлечения данных до загрузки компонента, чтобы вы могли заполнить поля.
Решение: https://www.concretepage.com/angular-2/angular-resolve-guard-example
Затем, когда у вас есть данные, просто обновите formControls, control.setValue или в инициализации new FormControl (valueHere, Validators.required);
Это действительно зависит от того, где вы храните информацию. (База данных) Firebase имеет пакет (npm), который может получить доступ к его базе данных, но для большинства других вы, вероятно, использовали бы пакет Http из angular. см. DOC здесь: https://angular.io/api/http/Http