首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >Angular 5 GET请求填充表单字段

Angular 5 GET请求填充表单字段
EN

Stack Overflow用户
提问于 2018-07-07 01:32:14
回答 2查看 865关注 0票数 1

如何使用GET请求中的信息填充表单域?如果用户在API中输入了对象的ID,则所有字段(姓名、年龄、电话等)都需要填充该对象的相应信息。

我在这个项目中使用了Angular 5和Bootstrap。我要查询的API具有JSON格式的对象,并且我能够向服务器发送POST请求(以JSON对象的形式)。

目前,我的GET请求不响应任何内容。控制台或应用程序中没有输出,我不确定原因(Angular 5 GET request nonresponsive)。任何指向正确方向的人都将不胜感激!

EN

回答 2

Stack Overflow用户

发布于 2018-07-07 02:08:10

首先创建一个服务来调用rest,服务应该有@Injectable()并且在你的模块中提供。您还必须导入FormsModule和ReactiveFormsModule。

代码语言:javascript
复制
@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或者在初始化新的FormControl(valueHere,Validators.required)中;

票数 0
EN

Stack Overflow用户

发布于 2018-07-07 02:39:32

这真的取决于您将信息存储在哪里。(数据库) Firebase有一个包(npm)可以访问它的数据库,但大多数人可能会使用angular中的Http包。查看DOC's here:https://angular.io/api/http/Http

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51215285

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档