Question

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

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

当前，我的GET请求未响应任何内容。控制台或应用程序中没有输出，我不确定为什么（Angular 5 GET request nonresponsive）。任何朝着正确方向的指点都会受到赞赏！

Answer 1

首先创建一个服务以进行其余调用，该服务应具有@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新的FormControl（valueHere，Validators.required）;

Answer 2

这实际上取决于您存储信息的位置。（数据库） Firebase有一个可以访问其数据库的软件包（npm），但大多数其他软件包可能是从angular使用Http软件包。在此处查看DOC：https://angular.io/api/http/Http

Angular 5 GET请求填充表单字段

2 个答案: