时间戳

首页 > 解决方案 > Angular 5 GET 请求填充表单字段

javascript - Angular 5 GET 请求填充表单字段

问题描述

我将如何使用 GET 请求中的信息填写表单字段？如果用户在 API 中输入对象的 ID，则所有字段（姓名、年龄、电话等）都需要填充该对象的相应信息。

我正在为这个项目使用 Angular 5 和 Bootstrap。我正在查询的 API 具有 JSON 格式的对象，并且我能够向服务器发送 POST 请求（以 JSON 对象的形式）。

目前，我的 GET 请求没有响应任何内容。控制台或应用程序中没有输出，我不确定为什么（Angular 5 GET request nonresponsive）。任何指向正确方向的人将不胜感激！

标签： javascripthtmlangularformsbootstrap-4

解决方案

首先创建一个服务来进行其余的调用，服务应该有 @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 或 init new FormControl(valueHere, Validators.required);

推荐阅读