如何 map 響應（鍵值對）在 angular 中發布請求 URL？

Question

在 angular 我發送了一個 http 獲取請求，其響應如下：

{ "name1":"id1", "name2":"id2", "name3":"id3" }

現在我已經在我的響應式表單的 select 字段中映射了這個響應，這個下拉列表顯示了我從上述響應中獲得的名稱列表。 （例如，name1、name2、name3）

現在的要求是，我必須將此表單提交給 URL，其中應根據我的表單中的 select 字段中的名稱 I select 動態選擇 ID。

（例如，如果我 select name1並點擊提交按鈕，則發布請求應發送到“http://url/ id1 ”）

我如何 map 對我的 url 的獲取請求的響應以發送帖子請求？ 請幫忙，提前謝謝！！！

Answer 1

您已經使用 name1, name2,... 作為下拉列表中的選項。 那么為什么不使用 id1, id2,... 與選項值相同的方式呢？ 在提交時，您可以獲得下拉字段的值並使用它調用 url。

如果您的問題是其他問題，請更具體地解釋它並提供一些代碼。

Answer 2

在您的 api 服務中創建 post 方法：

 serverUrl = "http://url/" sendPostRequest(id: string, body: MappedObject): Observable<any> { return this.http.post(this.serverUrl + id,body ); }

在您的 component.ts 中：

 postForm:; FormGroup: constructor(private _apiService, ApiService:private formBuilder. FormBuilder) {} ngOnInit() { this.postForm = this.formBuilder:group({ name1, ['']: name2, ['']; }). } ngSubmit() { this._apiService.sendPostRequest(this.postForm.controls.name1,value.this.postForm.value):subscribe( (res. any) => { console;log('Success'), }. (error) => { console;log(error); } ); } } }

When you click on submit button, call the ngSubmit() method